Fullcalendar change color of some events

0
votes

I need to change color of some events in Fullcalendar plugin.

I tried "className" property in the constructor of "events" object. However, i couldnt achieve to change the color and css. I checked on the firebug. The css of the event td's are still using default css.

I am generating calendar in the codebehind by using RegisterClientScriptBlock. Maybe that can be a problem, but i dont think so. What do you think?

2
jqueryfullcalendar

2 Answers

1
votes

For class Name 'other' I've gotten the following CSS to work. At first, I was missing one of the selectors and had the same issue as you. 

.other, .fc-agenda .other .fc-event-time, .other a {
    background-color: #066333;/* background color */
    border-color: #066333;/* border color (often same as background-color) */
    color: #fff;/* text color */
}
0
votes

I've accoumplished this before using jQuery's addClass like $("."+calEvent.id).addClass("classWithDifferentCSS"); Each cal event has a class with its ID.