All Day Event Width Display Fix for Master Pages Using DOCTYPE

If you specify a HTML 4.0 DOCTYPE tag in your master page, the Calendar control will present a couple of issues. First, Appointments in Week View that are longer than a 1/2 hour block, will not expand down to fill the appointment area. Second, the All Day Event marker in Month View will push past the right border. Click here to see examples.

I don’t have a fix for the first issue. I have tried every hack and workaround that I could think of or find to force the height of the appointment, but to no avail. I do however have a fix for the second issue.

In your custom CSS file, add the following style:
.ms-cal-workitem .contB, .ms-cal-muworkitem .contB {

This will reduce the width of the All Day Event marker, bringing it back within the constraints of the day borders.

4 thoughts on “All Day Event Width Display Fix for Master Pages Using DOCTYPE”

  1. Hi Heather, Did you ever have any luck with the first problem (height of appointment area)? This one is driving me absolutely nuts 🙂

  2. Hi Heather,For some reason, the fix is not working for me. I am using blueband master page and belltown theme. I have also tried inserting the css script in the head section of the master page. Is there anything else that I need to do to make it work?Thanks

Comments are closed.