| Issue 233: | coloring multiple event sources | |
| 2 people starred this issue and may be notified of changes. | Back to list |
how can I color code multiple event sources "by calendar"
if I take the gcal example and change event to
eventSources:
[
$.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.go
ogle.com/public/basic'), { className: 'holiday' },
$.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/en.indonesian%23holiday%40gr
oup.v.calendar.google.com/public/basic'),{ className: 'gcal-events1' },
$.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/ajcg3nbl294aj3jra7q7m3tm3o
@group.calendar.google.com/public/basic'),{ className: 'gcal-events3' }
],
and add a style of
.holiday,
.fc-agenda .holiday .fc-event-time,
.holiday a {
background-color: green; /* background color */
border-color: green; /* border color (often same as background-color) */
color: yellow; /* text color */
}
I still don't see any change???
Dec 20, 2009
thanks renzo. yes the className has to correspond to what you have in the css. closing this issue, but respond if any more problems. thanks
Status:
Done
|
|
| ► Sign in to add a comment |
You must include the className options inside of the function call gcalFeed() like this $.fullCalendar.gcalFeed('http://www.google.com/calendar/feeds/usa__en%40holiday.calendar.google.com/public/basic', { className: 'holiday' }), Then the following CSS should to the trick: .holiday, .holiday a { ... }