Cover image for joseph_appsmith

Joseph Petty Verified userVerified user

Sr. Developer Advocate

Appsmith

Fullcalendar.js Iframe Example

December 26, 2024
5
ยท 0

Features

  • Actions for creating a new event, or editing an existing one
  • Sample event data, showing format needed for FullCalendar.JS

This app uses the fullcalendar.js library in an iframe (not by importing it into the editor). The code uses template literals to merge in your data with a basic HTML doc example for using FullCalendar. I've added click events for clicking an existing event, or an empty space (to add a new event). 

Just swap out your event data with the sample data, and connect your queries or functions for editing events in your datasource.