cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

CSS button overlap

krthk86g
Amethyst

CSS button overlap

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

4 REPLIES 4

Re: CSS button overlap

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. 

Re: CSS button overlap

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 

Re: CSS button overlap

@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 

Re: CSS button overlap

Got it thank you.

Announcements
Join an
AR Working Group!

Topics available:
AR/VR for Data Optimization AR/VR for Security and Control AR/VR for Inspection