Gantt
Learn how to use the gantt collection display option
Last updated
Learn how to use the gantt collection display option
Last updated
Gantt view is incredibly similar to the Timeline display option, but it allows you to show dependencies between timeline events. For example, track the tasks that preceded another task in a project, and which tasks will succeed it. This also means that when you drag a task to adjust the start and end, your dependant tasks will be updated too.
If your field has a date and time, then Noloco will (unless specified) display this in the user's local timezone. If you don't include an end date, the gantt event will default to one hour long.
A few examples of events with date times:
Meetings that start and end at specific times
Bookings that start and end at specific times
If your field has only a date (and no time) then Noloco will display these as all-day events, using the date of the event, ignoring the user's timezone.
A few examples of events without dates:
Birthdays
Multi-day events such as conferences
Single-day events that don't have a specific start or end date
If you need to display both variable time events and all-day events on the same calendar, it can be quite confusing to get this right with timezones.
But thankfully it is possible to do in Noloco.
Because you need to specify event start and end times, you'll need to use a date-time field.
But to indicate to Noloco that an event is an all-day event, regardless at timezone you can make the event start at midnight UTC (that's not your local timezone).
I.e. if you have an event that's meant to happen on February 1st, you would set the date to be 1st Feb 00:00 or as an ISO string 2023-02-01T00:00:00.000Z
Similarly, to indicate that it's an all-day event, you need to set the end-date to have the same value. That is to say, that the event is only on that day.
If an event needs to span multiple days, but be treated as an all-day event, regardless of timezone, you can adjust the end date to be on the last day of your event, but make sure it's time is midnight UTC (00:00)
Below is an example where we mix all-day and specific event time events:
Sample data
| Name | Start | End |
|---|---|---|
Multiple days - non all-day | 03/02/2023 00:00 | 04/02/2023 11:30 |
Starts at midnight | 03/02/2023 00:00 | 03/02/2023 05:00 |
Multiple Days | 01/02/2023 00:00 | 04/02/2023 00:00 |
All Day 1 | 02/02/2023 00:00 | 02/02/2023 00:00 |
All Day 2 | 03/02/2023 00:00 | 03/02/2023 00:00 |
Two hours long | 05/02/2023 14:00 | 05/02/2023 16:00 |
You can group your events by any Single Option field, like a status or type. This produces distinct lanes for your events, to see how events overlap between lanes.
