combobox creating big text & icon on mobiles

Anfänger

Montag, 4. Januar 2016, 21:55

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

Zum Seitenanfang

eliecer

Anfänger

Beiträge: 34

Dienstag, 5. Januar 2016, 08:23

Any guidance is appreciated.

Zum Seitenanfang

Red

Schüler

Beiträge: 99

Wohnort: Australia

Beruf: Virtual tour creator, VR app developer

Dienstag, 5. Januar 2016, 10:38

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

Zum Seitenanfang

eliecer

Anfänger

Beiträge: 34

Dienstag, 5. Januar 2016, 12:04

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

Zum Seitenanfang

benji33

Fortgeschrittener

Beiträge: 244

Wohnort: France

Beruf: Senior Software engineer

Dienstag, 5. Januar 2016, 13:19

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

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Dienstag, 5. Januar 2016, 19:45

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

Zum Seitenanfang

eliecer

Anfänger

Beiträge: 34

Dienstag, 5. Januar 2016, 20:34

Klaus thanks for your reply. Any walk around?

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Dienstag, 5. Januar 2016, 20:38

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

Zum Seitenanfang

eliecer

Anfänger

Beiträge: 34

Dienstag, 5. Januar 2016, 23:24

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?

Zum Seitenanfang

klaus.krpano

Administrator

Beiträge: 13 499

Mittwoch, 6. Januar 2016, 09:56

Zitat

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...

Zitat

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

Zum Seitenanfang

eliecer

Anfänger

Beiträge: 34

Mittwoch, 6. Januar 2016, 21:49

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.