My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 233: coloring multiple event sources
2 people starred this issue and may be notified of changes. Back to list
Status:  Done
Owner:  ----
Closed:  Dec 2009


Sign in to add a comment
 
Reported by rrous...@gmail.com, Dec 7, 2009
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 10, 2009
#1 renzo.la...@gmail.com
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 { ... }

Dec 20, 2009
Project Member #2 adamrs...@gmail.com
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

Powered by Google Project Hosting