Synopsis

A lightweight calendar module for Silverstripe. Implements the popular javascript http://fullcalendar.io/ library.

Features

• Lightbox event details
• Stylish colour inheritance based on user selection
• Hide past events automatically
• Easily change the style/theme to match your brand
• Change between month and agenda views
• Page type for a list of upcoming events
• Download single events as .ics files
• Download entire calendar as .ics file

Installation

Composer

Ideally composer will be used to install this module. composer require "moe/full-calendar:@stable"

From source

1. Download the latest [release] (https://github.com/peavers/silverstripe-full-calendar/releases)
2. Extract the files
3. Make sure the folder after being extracted is named 'full-calendar'
4. Upload to your site root

Basic modification

Javascript

Common settings can be changed from the CMS, but to add additional options just add them to the calendarSettings.

function calendarSettings(json) {
    $('#calendar').fullCalendar({
        //custom settings here
    })
}

For more setting options see http://fullcalendar.io/docs/

CMS Setup/Usage

Page types

• Full Calendar - This is the holder for all events, also contains the main calendar. Create this first.
• Full Calendar Event - A unique event, needs to be created as a child to Full Calendar

Screen shots

Calendar View

Event view

Calendar settings

Event settings

Libraries used

• Fullcalendar
• Moment.js
• Fancybox v2
• Font Awesome