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/To Date' field must be of type 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.
Last updated
Was this helpful?