Issue 2134: [v2] CSS for print overrides on-screen styles
Status:  Done
Owner: ----
Closed:  May 2014
Reported by dev.sw...@gmail.com, Apr 16, 2014
While testing v2 I noticed that if I create an event using  fullCalendar('renderEvent',myJSONObject), background and text color (set via  'backgroundColor' and 'textColor') are overridden by stiles defined into fullcalendar.print.css.

Inside the header of my PHP page that includes the calendar I imported both "fullcalendar.css" and "fullcalendar.print.css" (in that order) since the user of my application is allowed to print the calendar.

Inside "fullcalendar.print.css" the following rules:

.fc-event {
   background: #fff !important;
   color: #000 !important;
}

overrides any other color that could be assigned to text and background using the "textColor" and "backgroundColor" properties of the Event Source Object.

The problem could be solved by putting all the styles of "fullcalendar.print.css" inside a media query that targets printed content.


May 1, 2014
Project Member #1 adamrs...@gmail.com
I bet you'll need to media="print" on your <link> tag. that is what is required anyway.
Status: Done