Full Calendar
The calendar function is useful if you want to visualize events in your tables on a calendar and be able to perform custom actions on those events like view or add new records by date clicks.
You can display calendars anywhere from dashboards to custom pages.
Structure
Parameters
The showFullCalendar accepts 7 parameters and we shall elaborate what each one does below:
Title- This is the title of the calendar
Calendar Query- Use the
$calendar_query
parameter to specify a query for fetching calendar events. The query should include the following fields:id
,name
,color
,start_date
, andend_date
. Ensure that your query retrieves these essential fields for proper calendar functionality.Card Size- This is a bootstrap size class for determining the size of the calendar, default is: ol-md-12
Card Collapsed- Weather the card should be collapsed by default, the default state is No
Event Action Code- This is JavaScript code to be executed on event click
Date Action Code- This is the JavaScript code to be executed on date click
Initial View- The intiial calendar view, default value is: dayGridMonth, alternative values include:
Example Usage
Output sample
Last updated