Page 1 of 1

Text in SelectMenus not fitting on web and iPhone

Posted: Fri Aug 02, 2013 3:16 pm
by John Herdean

Hi, I have 3 small select menus side-by-side with no margins and with few characters in each. On the working model all the texts fit perfect, but on the web test and iPhone they dont.

The working model:

Image

The iPhone:

Image

The web:

Image

How do i get these #'s all to fit? theres so much space on all ends, i dont understand why it dont fit. I reduced the margins to a minimum in all areas (the select menu itself to 0, the cells to 0, and the grid to 0).


Text in SelectMenus not fitting on web and iPhone

Posted: Fri Aug 02, 2013 3:50 pm
by John Herdean

the only solution i found is to go with the mini version, but it doesnt look good. Is there any way to make the margins less inside the bigger version to fit those # of characters?


Text in SelectMenus not fitting on web and iPhone

Posted: Fri Aug 02, 2013 3:54 pm
by Kateryna Grynko

Hi John,
I'll take a look.


Text in SelectMenus not fitting on web and iPhone

Posted: Fri Aug 02, 2013 4:25 pm
by Kateryna Grynko

You should change component standard styles, particularly padding. To do this use DOM inspector in developer tools.