Look and feel of AJAX Calendar control can be customized very easily using CSS styles. But you must know the names of CSS classes associated with different sections of AJAX Calendar control. Using CSS styles you can customize the calendar container background color and border, header style, footer style, font family, font size of dates, years, months and daynames.
CSS Theme Style Names
.ajax__calendar_container
.ajax__calendar_header
.ajax__calendar_prev
.ajax__calendar_title
.ajax__calendar_next
.ajax__calendar_body
.ajax__calendar_days
.ajax__calendar_dayname
.ajax__calendar_day
.ajax__calendar_months
.ajax__calendar_month
.ajax__calendar_years
.ajax__calendar_year
.ajax__calendar_footer
.ajax__calendar_today
.ajax__calendar_hover
.ajax__calendar_active
.ajax__calendar_other
You can learn the use of above CSS style classes from the tutorial of AJAX Calendar control CSS theme styles by following the link given at the bottom of this sample.
Try the sample below to understand the use of AJAX Calendar control and customized appearance styles created using CSS:
