Comments on: Date Picker controls have variable width

By: Andy

Andy — Thu, 31 Dec 2009 09:43:25 +0000

Hmm – wierd that one is fixed and the other not. I take it that they’re using the same CSS – as Marc says, you could use a fixed width, but I found that fiddly (i.e. it was going to take longer than it was worth worrying about).

So I guess the short answer is no, I never did get any further.

By: Swirl

Swirl — Thu, 31 Dec 2009 08:56:39 +0000

Hi,
Have you found the solution to fixing the width of datepicker for all months?

I have 2 sharepoint sites and both have identical datepicker.css, but one displays fixed width datepicker whereas the other displays datepicker that varies its width for different months.

By: Andy

Andy — Tue, 17 Feb 2009 17:32:13 +0000

Hi Marc,

Na, it was the Day, Month, date and year at the bottom for US region sites, but the Month and Year in the title for UK region ones!

I did try fixing the width, but it never looked remotely right – large gaps on either side of the calendar part, etc.. It was a real pain!

By: marc

marc — Tue, 17 Feb 2009 16:23:14 +0000

: What defines the width of this control?

From your examples, it’s the Month+Year in the title bar (Oct 2008, Dec 2007, June 2008)

So you’d need to set this as a fixed width, eg:

.ms-picker-month { width: 250px; }

(I’ve not tested this, so it’s highly likely that other styles will also need to be changed, eg: ms-picker-table { width:100%; } )