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

Unable to resize select widget in vuforia studio

nberiwale
5-Regular Member

Unable to resize select widget in vuforia studio

I have a select box in the bottom of experience. 

There is a row with 2 columns. The select box is in the left column. I am unable to resize the columns in 80/20 ratio so that the select box is bigger in size. 

Can someone please suggest me css for the following issue.

 

Attached the screen shot

nberiwale_0-1591098491564.png

 

5 REPLIES 5
sdidier
17-Peridot
(To:nberiwale)

Hello Nberiwale,

 

You can use a such CSS style in List Widget :

.SelectSize {

     min-width: 280px;

}

 

Please find attached an example Project.

 

Best regards,

Samuel

 

nberiwale
5-Regular Member
(To:sdidier)

Hi Samuel,

 

thanks for the reply.

I tried changes you suggested, they worked in a new project but are not working for the project I am working.

Even though i set the min-width as 280, the 2 columns are divided in exactly the same number of halves.

So the select box is taking only half the space on loading the experience.

I am attaching the project.  Could you please help me out.

 

Thanks,

Nazim

sdidier
17-Peridot
(To:nberiwale)

Hello Nazim,

 

It is needed to force the size of the Column in Grid Widget.

sdidier_0-1591610739144.png

 

Without that, Select Widget is not displayed completly.

 

By the way, when using various screen size, we can see that this Select Widget is not perfectly displayed.

Some parts are outside the screen.

I suppose that it is needed to setup margin to solve that.

 

Best regards,

Samuel

nberiwale
5-Regular Member
(To:sdidier)

Hi Samuel,

 

The change worked. Thanks for the help.

If the text in the select is larget it gets cut. Adding elipses also does not work. 

do we need to handle it specially.

 

Thanks,

Nazim

 

 

 

sdidier
17-Peridot
(To:nberiwale)

Hello Nazim,

 

I am sure that you would mean by Adding elipses.

 

About the text items in Select Widget, I would say it is expected behavior.

If we have not enough free place to display the text, it should be cut.

 

Of course, it is still better for end user experience to avoid such thing.

The only solutions that I can see :

  1. Create items more short
  2. Create a popup dialogbox to display Select Widget and to have more space.

 

Best regards,

Samuel

 

Announcements

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