73326

fullcalendar background events: background color not shown in Safari / Firefox / IE

Question:

I use the fullcalendar Scheduler add-on (<a href="http://fullcalendar.io/docs/scheduler/" rel="nofollow">http://fullcalendar.io/docs/scheduler/</a>) When I use the code below, this background event is not coloured silver in Safari / Firefox /IE (no color at all...). It shows the silver color perfectly in Chrome.

$('#calendar').fullCalendar({ events: [ { start: '2016-04-01 06:00', end: '2014-04-01 10:00', rendering: 'background', color: 'silver', resourceId: 1 } ]

});

How can I fix this issue?

Thanks in advance!

Kind regards, Kim

Answer1:

You can set the <em>className</em> attribute of Events

events: [ { start: '2016-04-01 06:00', end: '2014-04-01 10:00', rendering: 'background', className: event_silver, resourceId: 1 }

and then in css:

.event_silver { background-color: silver; }

Kind regards, Romain

Recommend

  • Change only the image inside same div when option from dropdown is chosen
  • ListBox does not display the binding data
  • Convert raster images to vector graphics using OpenCV?
  • Writing CSV in perl
  • Google Chart: How to draw the vertical line for bar graph
  • drawing ellipses/hyperbolas in R
  • Why are Google search results in UIWebView not triggering webViewDidFinishLoad?
  • Slow performance in hybrid AngularJS and Angular application in Safari
  • Cursor in wrong place in contenteditable
  • Is it safe to drop the -webkit vendor prefix from the css3 border-radius yet?
  • Generic/Unknown HTTP Error with response code 0 using UnityWebRequest
  • Unable to click on the next page button containing “>” sign
  • Is there a way to set up a fallback for the formAction attribute in HTML5?
  • Problems with toDataURL HTML5 other ways to get canvas data?
  • AppleScript : find open tab in safari by name and open it
  • Query to find the duplicates between the name and number in table
  • Is playing sound in Javascript performance heavy?
  • Eloquent update method change created_at timestamp
  • d3 v4 drag and drop with TypeScript
  • JQuery Internet Explorer and ajaxstop
  • Chrome doesn't support silverlight anymore? How to solve this?
  • Display issues when we change from one jquery mobile page to another in firefox
  • Ajax jQuery multiple calls at the same time - long wait for answer and not able to cancel
  • Opengl-es onTouchEvents problem or a draw problem? [closed]
  • How reduce the height of an mschart by breaking up the y-axis
  • Controls, properties, events and timers running in design time
  • Why doesn't :active or :focus work on text links in webkit? (safari & chrome)
  • How to apply VCL Styles to DLL-based forms in Inno Setup?
  • Javascript convert timezone issue
  • Arrow is showed instead of the material design version hamburger icon. Why doesn't syncState in
  • Updated Ionic CLI but shows previous version (Windows)
  • JTable with a ScrollPane misbehaving
  • Angular 2 constructor injection vs direct access
  • Java static initializers and reflection
  • Setting background image for body element in xhtml (for different monitors and resolutions)
  • Can Visual Studio XAML designer handle font family names with spaces as a resource?
  • Android Google Maps API OnLocationChanged only called once
  • Linking SubReports Without LinkChild/LinkMaster
  • python draw pie shapes with colour filled
  • UserPrincipal.Current returns apppool on IIS