Wednesday, July 11, 2012

Asp.Net jQuery UI Datepicker size adjustment


In this post Asp.Net jQuery UI Datepicker size adjustment we shall see on how to alter the size of the datepicker control.

The default datepicker looks big, we can alter the size of the datepicker by altering the font size of the text in the datepicker, The size can be altered by adding the following css style either to the page or to a .css file

div.ui-datepicker
{
      font-size:11px;
}

The following diagram shows the size difference before and after applying the style.



For a full example covering all posible scenarios in using a jQuery UI Datepicker control refer to the post Asp.Net jQuery UI Datepicker Tutorial.



Search Flipkart Products:
Flipkart.com

No comments: