Geek Answers Handbook

How to resize jQuery UI datepicker

Possible duplicate:
How to resize jQuery DatePicker control

Tell me how to resize jquery ui datepicker. My default datepicker parameter width and height is close to 308px and 285px . This is too large for my page. Please tell me how to change this? Why did it get so big? I just copied and pasted the code and replaced the css and js files in the appropriate places.

 <link rel="stylesheet" type="text/css" href="./css/ui/jquery.ui.all.css"> <script src="./js/jquery-1.5.1.js"></script> <script src="./js/ui/jquery.ui.core.js"></script> <script src="./js/ui/jquery.ui.widget.js"></script> <script src="./js/ui/jquery.ui.datepicker.js"></script>

Thanks.

+8
jquery jquery-ui datepicker
source share
2 answers
 $('div.ui-datepicker').css({ font-size:10px; });

increasing the font size will increase the overall size of the data file.

+26
source share

Try to change

 .ui-datepicker { height: 500px ; padding: 0.2em 0.2em 0; width: 150px; }

in jquery-ui-1.8.6.custom.css . note that 1.8.6 is the version I am using.

+3
source share

More articles:


All Articles