| Issue 418: | Style Multiple Calendars | |
| 2 people starred this issue and may be notified of changes. | Back to list |
Your using Sources to list multiple calendars into one. Is there a way to
add a class to each calendars events like you are doing here:
$('#calendar').fullCalendar({
events: $.fullCalendar.gcalFeed(
"http://www.google.com/your_feed_url/",
{
// put your options here
className: 'gcal-event',
editable: true,
currentTimezone: 'America/Chicago'
}
)
});
But do it for each calendar in the eventSources:
$('#calendar').fullCalendar({
eventSources: [
$.fullCalendar.gcalFeed("http://www.google.com/feed1"),
$.fullCalendar.gcalFeed("http://www.google.com/feed2")
]
});
This way you could style different events from different calendars with
different colors.
Aug 29, 2013
I just figured out how to update this for 10.5. I am super proud, although for most it would be a no brainer:
$('#calendar').fullCalendar({
eventSources: [
{
url:'https://www.google.com/calendar/feeds/yourfeed.com/public/basic',
backgroundColor: '#CC0000',
},
{
url:'https://www.google.com/calendar/feeds/yourotherfeed.com/public/basic',
backgroundColor: '#008fd4',
}
]
})
|
|
| ► Sign in to add a comment |
do something like this... $('#calendar').fullCalendar({ eventSources: [ $.fullCalendar.gcalFeed("http://www.google.com/feed1", { className: 'gcal1' }), $.fullCalendar.gcalFeed("http://www.google.com/feed2", { className: 'gcal2' }) ] });