Search code examples
calendarextender

How to control style of today's cell in asp.net ajax CalendarExtender?


Based on the AjaxControlToolkit API for the CalendarExtender I can control the style of the selected date using:

.ajax__calendar_active { background-color:red }

And according to the API, I was hoping, that .ajax__calendar_today would allow me to control the style of today's table cell, if show. Unfortunately, this .ajax__calendar_today controls the style of the bigger "Today: XYZ" button at the bottom of the calendar.

Does anyone know how to style today's table cell, if/when displayed?

Update:

I inspected the HTML using Firebug and see that there is no special css class or other indicator for today's day cell. I guess that makes sense from a server side perspective... how to know what day it is on the user's machine, without adding code to capture GMT offset and such.

So know I think that i am stuck creating some javascript to get today's date client side and comparing to each cell's title attribute, which is set to something like "Friday, February 11, 2011".

Update:Sept 2011 The latest AjaxControlToolkit release has added the .ajax__calendar_today css class to control this.


Solution

  • I believe you could use the following CSS class:

    .ajax__calendar_today .ajax__calendar_day { background-color:red;}