Year Calendar

This is a responsive full year calendar. It will automatically resize as the web viewer resizes on both Mac and Windows.

Event Data

This widget was setup to be able to use the same data that the Calendar widget uses.

The event data comes in as an array of JSON objects. The event object can include this data:

    {

        id : A unique identifier to link the event back to your FileMaker data

        start : The start date or time stamp of the event*

        end : The start date or time stamp of the event*

        title: The event text displayed

        color: The color of the event, if it is different than the default color

        textColor: The text color of the event, if different than the default

        notes: Notes about the event that can be displayed in a tooltip

    }

You should write a script to compile the data you want to display on the calendar.

Colors can be hex values or rgb/rgba.

Date/Time Format

Dates/Times must be in an ISO time format YYYY-MM-DDTHH:MM:SS. Example: February 21, 2019 5:30 pm is 2019-02-21T17:30

You can use a custom function like www.briandunning.com/cf/1161to convert to/from FileMaker timestamps.

Script Triggers

This widget has only one script trigger that fires whenever the user clicks on a date or selects a range of dates (click and drag).