Calendar Weekends Style

To enable the weekends CSS style in jqxCalendar, you need to set the ‘enableWeekend’ property to true. After setting the property, the calendar with a ‘classic’ theme will look like in the image below:

jqx-calendar-weekends

If you want to change the defalut CSS style of the Weekend cells, you can edit it in the jqx.base.css file or add the following code in the head section of your page:

<style type="text/css">
.jqx-calendar-cell-weekend
{
color: #5583c8;
}
</style>


The result is displayed below:

jqx-calendar-weekends-css-style

About admin


This entry was posted in jQuery UI, jQuery Widgets, jqxCalendar and tagged , , , , , , . Bookmark the permalink.



Leave a Reply