Timeline Tutorials

How to use the Vue Calendar component to create a scheduler UI with a vertical timeline and resources displayed as columns. Configure advanced features, such as responsive layout, column groups, and content customization using Vue templates.

Nov 29, 2024

Angular Scheduler: Timeline Customization

How to create a custom timeline for the Angular Scheduler component. The manual mode lets you create the timeline by defining individual time cells.

angular angular18 scheduler timeline

Sep 10, 2024

React Scheduler: Timeline Zoom

How to add a zoom feature to the React Scheduler timeline. You can change the zoom level (and timeline resolution) using a "range" control and "zoom in" and "zoom out" buttons.

react scheduler zoom timeline javascript react18

Jul 4, 2024

React Scheduler with a Vertical Timeline

How to create dynamic calendars and schedulers with a vertical timeline, customizable time cells, and resource display in React.

react react18 calendar timeline resource-calendar

Jan 29, 2024

Articles 1-4 of 4

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.