CODEWITHSUNDEEP
cssfullcalendar
kingkelly
kingkelly

Reputation: 199

Show event title on 'rendering:background' calendar

I have my google calendar synched to Fullcalendar, and am rendering its events as 'background'

eventSources: [
      {
      googleCalendarId: '[email protected]',
      color: '#e7e7e7', 
      rendering: 'background'
      },

I would like to display the event's time as a block on top of the background color. (im in month view)

Upvotes: 0

Views: 1887

Answers (1)

ADyson
ADyson

Reputation: 62074

If you use the "eventRender" callback you can set any text you like on the event's HTML element:

eventRender: function(event, element, view)
{
  if (event.allDay == false)
  {
     element.css("color", "red");
     element.css("font-weight", "bold");
     element.css("font-size", ".8em");
     element.text(event.start.format("HH:mm"));
  }
}

Demo: http://jsfiddle.net/qxLuLhsf/18/

Upvotes: 1

Related Questions