CSS button overlap

[krthk86g]

Hello, 

I have created a layout with a list and button to select the sequence and play, i want to place them both in a single line but it doesnt happened. find the css and result below

Updating Media

.my-select {
font-family: Century Gothic;
color: white;
background-color: green;
font-weight: bold;
font-style: italic;
width:200px;
bottom:0%;
}

.play-button {
font-family: Century Gothic;
color: white;
background-color: green;
font-weight: bold;
font-style: italic;
left:200px;
bottom:0%;
}

[kornelius]

Hi @krthk86g ,

The best approach for this is to use a Grid Layout widget with a row containing two columns. In one you place the list widget and in the other one your button to load the selected sequence. 

You can then modify the list widget and button by applying a CSS style. I am not sure if the picture below uploaded correctly. For me, it looks like an empty picture. And keep in mind that you might have to overwrite certain properties in CSS if they are set by the parent with !important. Check out CSS guides online to learn more. 

[krthk86g]

Hi, 

I understand the grid layout and its properties, but I would like to have the CSS without grid layout, so that the palcement by % from left or right etc.. 

the following video content is not available for me. could you please send me the latest link.

https://learningconnector.ptc.com/content/tut-6170/vuforia-studio-css-sass 

[kornelius]

@krthk86g ,

I see this link is not working for me either. I reached out to the right person to look into it. In the meantime, take a look a https://www.w3schools.com/css/default.asp. This is a common source for learning about CSS. Once the link is back up you can then apply this knowledge specifically to Vuforia Studio. 

Best Regards, 

Kornelius 

[krthk86g]

Got it thank you.