combobox creating big text & icon on mobiles

Beginner

Monday, January 4th 2016, 9:55pm

combobox creating big text & icon on mobiles

I am attaching 3 images of what's happening with combobox on mobiles.
It's creating a huge icon. The menu looks fine once the icon is clicked. How can I change it to a normal size?

I am using krpano 1.19 pr3

http://goo.gl/RrkOav
http://goo.gl/N86LI4
http://goo.gl/HRWcrb

Go to the top of the page

eliecer

Beginner

Posts: 34

Tuesday, January 5th 2016, 8:23am

Any guidance is appreciated.

Go to the top of the page

Red

Trainee

Posts: 99

Location: Australia

Occupation: Virtual tour creator, VR app developer

Tuesday, January 5th 2016, 10:38am

There's some attributes that can help in the plugin documentation.

Changing the cbdesignscale may do the trick.

http://krpano.com/plugins/combobox/#cbdesignscale

www.pano-ad.com.au

Go to the top of the page

eliecer

Beginner

Posts: 34

Tuesday, January 5th 2016, 12:04pm

Thanks for the suggestion but I tried that before.
With cbdesignscale="1", the icon/text at the top is fixed but it screws the menu. Check image:
http://goo.gl/SBC4SP

Go to the top of the page

benji33

Intermediate

Posts: 244

Location: France

Occupation: Senior Software engineer

Tuesday, January 5th 2016, 1:19pm

Yep the same here. Try to change the font size on mobile (with the .normal and .mobile accessor) to have a better display.

Go to the top of the page

klaus.krpano

Administrator

Posts: 13,499

Tuesday, January 5th 2016, 7:45pm

Hi,

the combobox plugin was originally designed for the default 0.5 stagescale on mobiles.

But the newer vtourskin.xml from 1.19 is using stagescale=1.0 on mobiles.

Automatically supporting this usage-case too is already on my list.

Best regards,
Klaus

Go to the top of the page

eliecer

Beginner

Posts: 34

Tuesday, January 5th 2016, 8:34pm

Klaus thanks for your reply. Any walk around?

Go to the top of the page

klaus.krpano

Administrator

Posts: 13,499

Tuesday, January 5th 2016, 8:38pm

Hmm... this workaround might work (not tested):

1. open the combobox.js in a texteditor
2. search for 'device.mobile?0.5:1' and 'device.mobile?2:1' replace both with 'device.mobile?1:1'.

Best regards,
Klaus

Go to the top of the page

eliecer

Beginner

Posts: 34

Tuesday, January 5th 2016, 11:24pm

I made the changes, clean the cache, and I am getting the same results.
The following formula is the one creating the mess:
F=Aa(la)*a+1*(ma[1]-ma[0]-28)

Another question... once combobox is synchronize with the thumbnails, how to automatically scroll the thumbnails to center the one selected in combobox?

Go to the top of the page

klaus.krpano

Administrator

Posts: 13,499

Wednesday, January 6th 2016, 9:56am

Quoted

I made the changes, clean the cache, and I am getting the same results.
The following formula is the one creating the mess:
F=Aa(la)*a+1*(ma[1]-ma[0]-28)

Sorry, not sure what you mean...

Quoted

Another question... once combobox is synchronize with the thumbnails, how to automatically scroll the thumbnails to center the one selected in combobox?

Please see the 'skin_updatescroll' action from the vtourskin.xml for an example.

Best regards,
Klaus

Go to the top of the page

eliecer

Beginner

Posts: 34

Wednesday, January 6th 2016, 9:49pm

Inside the file combobox.js (~line 11), you can find that formula ( F=Aa(la)*a+1*(ma[1]-ma[0]-28) ) which is the one controlling the width of the pop up menu.

I took a look at the 'skin_updatescroll' action from the vtourskin.xml, what's next?
The only way I made the thumbnails to scroll is using: layer[skin_thumbs].scrollby(-10,0); but this method is not precise due to the size of the screen on mobiles.