Timeline scheduling plays a major role in the HTML5 JavaScript scheduler, as it displays the timeline scheduler views for multiple resources. Its feature-rich calendar options, compact resource scheduling, and clear event representation allows you to employ it in various real-time applications. The events of timeline views support an intuitive drag-and-drop feature and a resize action.
Five built-in timeline views are available: timeline day, timeline week, timeline work week, timeline month, and timeline year. All these views carry a common horizontal time axis and inherit almost all the calendar-specific features.
Display appointments accurately across a common horizontal time axis for a single day or multiple days.
Display appointments across multiple days of a month on a horizontal axis where each column represents a single day.
Display multiple months on both horizontal and vertical axes, where each cell represents a single day.
There is built-in support for better event handling, such as easier appointment creation and editing using the default event editor or through intuitive drag-and-resize actions. In addition, you can add custom data fields to both the events and resource data source.
Display the resources as individual rows. Arrange the appointments of a resource horizontally in its appropriate row against the horizontal time axis.
The JavaScript Timeline Scheduler provides better performance by instantly loading large sets of resources and appointments virtually on every scroll action.
Multiple resources can share the same appointment, thus allowing the action made on it to reflect on all other shared instances simultaneously.
Enhance the look and feel of the resource header cells by adding text, images, or CSS styles. You can display customized tooltips with resource information while hovering over the resource header cells.
Built-in scheduler methods are available for adding or removing resources dynamically on a scheduler. You can specify the index position, where the add or remove actions are to take place.