2.6 KiB

Raw Blame History

React Aggregated Calendar Webpart

Summary

This is a sample webpart developed using React Framework to gather the aggregated events from the multiple calendars from multiple sites using Full Calendar from fullcalendar.io

The webpart was designed to create an aggregated view of calendar to fetch events from multiple calendars across the sites and site collection. The webpart will show the event information using the callout functionality of Office UI Fabric

Webpart is developed using below technologies

React Framework
Full Calendar(fullcalendar.io)
jQuery
Office UI Fabric

Used SharePoint Framework Version

Applies to

Prerequisites

Before you can use this webpart example, you will need at least one Out of the Box Calendar created.

It is required that the users have view access on the calendar.

Solution

Solution	Author(s)
react-aggregated-calendar	Dhaval Shah (@beingdhavalshah)

Version history

Version	Date	Comments
1.0	July 16, 2018	Initial Release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.

Minimal Path to Awesome

Clone this repository
in the command line run:
- npm install
- gulp serve

Features

This Web Part displays the events from multiple calendars located in various sites/site collection of sharepoint:

Aggregated events for Calendar
Supports Sub-Sites and Site Collection level
Display of Legend for each Calendar
Formatted Date time
Display of Event Details over event click