New to Telerik UI for Blazor? Start a free 30-day trial
Timeline Views
Updated on Oct 1, 2026
The Gantt Timeline provides four predefined views, which dictate how much time a single time slot represents:
| View | One Slot Is | Main Header Shows | Secondary Header Shows |
|---|---|---|---|
DayView | 1 Hour | Day | Hours |
WeekView | 1 Day | Week | Days |
MonthView | 1 Week | Month | Weeks |
YearView | 1 Month | Year | Months |
Basics
To use the desired Views for the Timeline:
-
Under the
<GanttViews>define the desired views. (You should include at least one view that the Timeline will display, otherwise the component will throw an exception). -
Use the features the views expose to control their setup
Define and configure the Gantt Timeline Views.
Loading ...
View Parameters
| Parameter | Type | Description |
|---|---|---|
SlotWidth | double | The width of each individual slot in pixels. |
RangeStart | DateTime | Determines where the view should start. If not provided, the value is calculated based on the data source. If no data is present DateTime.Now is used, and the view shows a single major time slot (a day in DayView, month in MonthView and so on). |
RangeEnd | DateTime | Determines where the view should end. If not provided the value is calculated based on the data source. |