select menu auto resizing

[Michael4771079]

Hi,
in these screenshots when text is saved in selectmenu the menu resizes accordingly, how do I prevent this, it changes the ui

[Kateryna Grynko]

Hello,
It's a bug, we'll fix it.
For now, there is a workaround. You can create CSS with following code: code.ui-page .ui-select .ui-btn-inner {
white-space: normal;
}/code
This will fix problem on preview, but it will remain in the editor..

[Michael4771079]

Thank you Katya,

works perfectly as always!

[Kateryna Grynko]

Also you can crop long text using this CSS code:codetable.mobilegrid {
table-layout: fixed;
}/code

[Michael4771079]

cheers Katya,

nice trick.
works great, I prefer the other js, it keeps the ui uniform and displays all the text to the eu.

another thing thats bothering me, I have read about apple rejections for bad use of screen area.
When my app is displayed on 320x480 it looks ok, but when you go to larger phone like s3 here is alot of empty space at the bottom of the page, see screenshot.
I was wondering if there is a way to evenly spread out the components automatically depending on the size of screen?

[Michael4771079]

sorry, forget ss

[Maryna Brodina]

Hello! This is how JQM works - components resizing only by width, not height

[Michael4771079]

Hi Marina,
I understand that JQM works like this, but is it possible with js to increase the space between the components vertically depending on the device screen size

thanking you in advance
Michael

[Maryna Brodina]

Hello! Yes, you can try to do that, but it's outside the scope of our support.

[Maryna Brodina]

Hello! This bug should be fixed already.