My favorites | Sign in
Project Home Issues
New issue   Search
for
  Advanced search   Search tips   Subscriptions
Issue 1428: CSS classes for events
3 people starred this issue and may be notified of changes. Back to list
Status:  Done
Owner:  ----
Closed:  Aug 2013


Sign in to add a comment
 
Reported by evil2...@gmail.com, Jun 4, 2012
I want to change the background color of an event by using a css class. The problem is that "fc-event-skin" overwrites my styles. I fixed the issue by adapting the "slotSegHtml" function. I think it would be better if custom css classes are set on the same dom elements as "fsc-event-skin":

function slotSegHtml(event, seg) {
	var html = "<";
	var url = event.url;
	var skinCss = getSkinCss(event, opt);
	var skinCssAttr = (skinCss ? " style='" + skinCss + "'" : '');
	var skinCssClasses = (event.className) ? " "+event.className.join(' ') : "";
	...
	html +=
		" class='" + classes.join(' ') + "'" +
		" style='position:absolute;z-index:8;top:" + seg.top + "px;left:" + seg.left + "px;" + skinCss + "'" +
		">" +
		"<div class='fc-event-inner fc-event-skin" + skinCssClasses + "'" + skinCssAttr + ">" +
		"<div class='fc-event-head fc-event-skin" + skinCssClasses + "'" + skinCssAttr + ">" +
	...
}

Aug 15, 2013
Project Member #1 adamrs...@gmail.com
fc-event-skin is no longer used, and the HTML/CSS for events has been simplified, so you should have no problem making your CSS take effect now
Status: Done
Sign in to add a comment

Powered by Google Project Hosting