Time Header

Time Axis

• Business Hours: Define working hours and weekends, and highlight business time in the grid.

• Hiding Non-Business Hours: Remove time outside working hours from the timeline.

• Hiding Time Columns: Hide selected time columns using your own rules.

• Infinite Scrolling: Let users scroll to earlier or later dates without a fixed timeline range.

• Scale: Choose the time unit for grid cells, such as hours, days, or weeks.

• Timeline: Create a custom timeline with gaps or columns of different durations.

• Time Cell Duration: Set custom time-slot lengths in minutes.

• Zoom: Let users switch between timeline scales or change the size of schedule elements.

Headers

• Floating Time Headers: Keep labels readable when only part of a long header cell is visible.

• Header Date and Time Format: Understand the default formats for date and time labels.

• Time Header Active Areas: Add icons, buttons, tooltips, and other interactive elements to headers.

• Time Header Bubble: Show additional information when the user hovers over a header.

• Time Header Customization: Change header text, colors, and appearance for individual dates or groups.

• Time Header Height: Set the height of time header rows.

• Time Header Rows: Configure multiple header rows and their date and time labels.

• Time Header Groups: Group header cells by hours, days, weeks, months, or other time units.

Rendering Long Timelines

• Progressive Time Header Rendering: Help long timelines load faster and tune scrolling with custom headers.