Multi Calendar
GridMate provides a component to calendar any object. It displays horizontal time-axis and resources to assign as rows. Activities can be created, edited or deleted. It supports also drag & drop like any calendar app.
In this tutorial, we will setup a Multi Calendar to visualize building inspections assigned to a list of technicians (contacts).
General Configuration
Let's configure the general settings of our calendar.
Set the height to 9999 to have a responsive height.
Assignee Configuration
Let's configure the assignee settings. Note that the assignee could be any object (Standard or custom). It will be Contact in our case.
Activity Configuration
Let's configure the activity settings. Note that the activity object could be any object (Standard or custom). It will be Inspection__c in our case.
The Activity From and To Date fields must be DateTime.
{
"WhoId": "$userId",
"StartDateTime": "$fromTime",
"ActivityDate": "$fromDate"
}
[
{
"color": "#f4fe7abf",
"exp": {
"Status__c": {
"operator": "=",
"value": "Planned"
}
}
},
{
"color": "#CFEBFE",
"exp": {
"Status__c": {
"operator": "=",
"value": "In Progress"
}
}
},
{
"color": "#8cedbb",
"exp": {
"Status__c": {
"operator": "=",
"value": "Completed"
}
}
}
]
Activities are filtered based on the list of displayed assignee. The calendar supports also extra filtering by providing a list view or a JSON filter.
Below is a quick demo of the final version of our Multi Calendar.
Toggle Full Screen
This feature allows users to expand the calendar view to fill the entire screen. This enhances visibility and focus on scheduled events by removing surrounding interface elements and minimizing distractions.
Enabling the Toggle Full Screen feature allows you to switch your Calendar to fullscreen mode for a more focused view.

Below is a quick demo on how to set up the toggle for fullscreen on our Multi-Calendar.
Quarterly View
The newly introduced Quarterly View in GridMate's Multi-Calendar provides a three-month timeline to enhance visibility across calendars.
Here is a quick demo on using the Quarterly View in our Multi-Calendar.
Aggregation
Aggregation simplifies complex datasets by applying functions like sum, average, count, and group-by to consolidate raw data into meaningful summaries.
Below is an example of how aggregation is used.
{
"Time_Spent__c": "sum"
}
Below is a quick demo on how to set up the Aggregation in our Multi Calendar.
Last updated
Was this helpful?