Examples

TS Constants Example

plugin.tx_megooglecalendar {
   settings {

      # change included jquery to a cdn version
      jQueryPath = //ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js
      jQueryExternal = 1

      # switch from jquery-ui theme/dialog to bootstrap 3:
      themeSystem = bootstrap3
      jQueryUiPath =
      cssThemePath =

      # change min and max time
      minTime = 08:00:00
      maxTime = 18:00:00

      # set first day to monday
      firstDay = 1

   }
}

CSS Styling Example

If you want to show all events from a calendar in red, just add the predefined CSS Class “fc-red” to the google calendar feed record field "Css".

There are six already predefined style definitions in the included main.css file:

fc-red, fc-green, fc-blue, fc-grey, fc-orange, fc-purple

You also can define your own colors by adding this css (example for “my-color-1”):

.fc-event.my-color-1,
.fc-agenda .fc-event.my-color-1 .fc-event-time,
.fc-event.my-color-1 .fc-event-inner.fc-event-skin,
.fc-list-item.my-color-1 .fc-event-dot,
.fc-event.my-color-1 a {
   background-color:#ff0000;
   border-color:#ff0000;
   color:#fff;
}