Alex Rivera | Logout

jQuery DatePicker Too Large

Asked 2011-07-19T15:13:31.320
16

I've implemented the jQuery datepicker. It seems to be working fine but the calendar is too large.

jQuery Datepicker http://www.softcircuits.com/Client/datepicker.png

The site I'm working on has many layers of stylesheets and parent pages and controls. And I don't seem to be able to isolate what is making it large. (Sorry, the site isn't public.)

It appears the calendar is based on a font size. I tried wrapping my textbox in a div with a smaller font but it seems to ignore that. Is there any way to specify a fixed font size?

jquery-ui datepicker jquery-ui-datepicker
Edit
Report

2 Answers

25

While changing the font size for .ui-widget works, I got the best results with the following.

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

Not only does this seem to do exactly what I need, it is also unlikely to impact any other jquery-ui widgets.

answered 2011-07-19T16:21:43.180
2

Adding this to the site.css worked for me

.ui-widget {
    font-size: .7em !important;
  }
answered 2013-06-27T21:25:56.067

Your Answer