...
You can define core hours for your agenda, which will gray out any times outside of these core hours. Core hours are defined in JSON as an array of objects with a start and end time.
| Code Block | ||
|---|---|---|
| ||
[{"start" : 9.5, "end" : 12.5}, {"start" : 13, "end" : 17}] |
The core hours overlay day setting determines whether only the sidebar or the full width of the day view is grayed out. See the examples above where the right example has the core hours overlay day setting set to true, and the left example has it set to false. Logically, this only works for core hours that are the same for everyday. If not this will be forced on.
If configured as an array with fewer than seven elements, it defines multiple core hours blocks within a single day. A seven-element array can specify different core hours for each day of the week (where 0 represents Sunday and 6 represents Saturday), causing only the hours in the day columns to be masked. Additionally, you can use an array to set on of the 7 days, instead of an object to define multiple core hour objects per day. See the example below for an advanced configuration:
| Code Block | ||
|---|---|---|
| ||
[{"start" : 0, "end" : 0}, [{"start" : 9, "end": 12}, {"start" : 13, "end": 17}], [{"start" : 9, "end": 12}, {"start" : 13, "end": 17}], [{"start" : 9, "end": 12}], [{"start" : 9, "end": 12}, {"start" : 13, "end": 17}], [{"start" : 9, "end": 12}, {"start" : 13, "end": 17}], {"start" : 0, "end": 0}] |
| Info |
|---|
See our core hours demo on: https://products.bizzomate.com/p/calendar/examples/features/core-hours |
Show all day header
...
By default, the all-day header is enabled. However, when it is disabled, all-day events will be shown over the entire duration of the day (see the right screenshot).
...