Page 1 of 1

restrict size of datepicker

Posted: Fri Feb 15, 2013 2:08 pm
by Michael4771079

Hi,
I have the following code restrict the size of selectmenu

code.ui-page .ui-select .ui-btn-inner {
white-space: normal;
}code

I need to do the same with datepicker, I tried this

code.ui-page .ui-select .ui-btn-inner .ui-datepicker {
white-space: normal;
}code

didn't work, any ideas?/code/code/code/code


restrict size of datepicker

Posted: Fri Feb 15, 2013 2:59 pm
by Maryna Brodina

Could you clarify please what size you want to restrict in datepicker? Screenshot would help


restrict size of datepicker

Posted: Fri Feb 15, 2013 4:29 pm
by Michael4771079

Hi Marina,
I am trying to stop this sort of component stretch when app is viewed in landscape, in the same ay that the select menu behaves

Image


restrict size of datepicker

Posted: Fri Feb 15, 2013 5:47 pm
by Kateryna Grynko

Hi,

Datepicker and Select Menu are in different grid components.
Width of first grid is in px (128px), width of second one is in percents (41%).
You can select first grid component (with Label "Date") and set width = "41%" to normalize the output.


restrict size of datepicker

Posted: Fri Feb 15, 2013 5:59 pm
by Michael4771079

Thanks Katya,
nice way to keep things tidy!