Skip to main content
K
krthk86g1-Visitor
1-Visitor
July 25, 2020
Question

CSS button overlap

  • July 25, 2020
  • 1 reply
  • 3396 views

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%;
}

1 reply

K
kornelius5-Regular Member
5-Regular Member
August 3, 2020

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. 

K
krthk86g1-VisitorAuthor
1-Visitor
August 3, 2020

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 

K
kornelius5-Regular Member
5-Regular Member
August 3, 2020

@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 

Terms & ConditionsCookie settingsAccessibility statement