# Timeline The Timeline of the Gantt component provides visual representation of the Gantt records in a timeline view. It is configured similarly to a Scheduler Timeline view, where the horizontal dimension is divided into time slots. The Timeline exposes four predefined [views](https://www.telerik.com/blazor-ui/documentation/components/gantt/timeline/views), which dictate how much time a single time slot represents. It also includes two rows of hierarchical slot headers, which show the time divisions It is rendered in the right pane of the Gantt component and allows you to interact with the tasks. You can invoke [editing](https://www.telerik.com/blazor-ui/documentation/components/gantt/timeline/editing) of a task by double click on it. You can drag it to change the time slot in which it will be displayed. You can resize it or delete it. You can control the rendering of the tasks and their ToolTip in the Timeline through the [Templates](https://www.telerik.com/blazor-ui/documentation/components/gantt/timeline/templates/overview) the Gantt exposes. The [`TaskTemplate`](https://www.telerik.com/blazor-ui/documentation/components/gantt/timeline/templates/task) will allow to customize the tasks content and the [`ToolTipTemplate`](https://www.telerik.com/blazor-ui/documentation/components/gantt/timeline/templates/tooltip) - the rendering of the ToolTip. > Simple Gantt with Timeline. The result from the snippet below. ## See Also * [Live Demos: Gantt](https://demos.telerik.com/blazor-ui/gantt/overview)