New to Telerik UI for WinFormsStart a free 30-day trial

Timeline Views

Updated over 6 months ago

RadGanttView offers a number of built-in timeline views which allow you to show the timeline in different scales. It is reasonable to change the timeline view when the user zooms in or out. This will give the users a precise measurement of time in every zoom level.

All built-in views can be found in the TimeRange enumeration. Here are the different views offered by RadGanttView out-of-the-box:

The RadGanttView.GanttViewElement.GraphicalViewElement exposes the OnePixelTime property. This property determines how much time a single pixel represents. The time line views vary from years to quarter hours and depending on the chosen view one needs to set an appropriate OnePixelTime.

  • TimeRange.Week : Each element of the upper row represents one week. The elements on the lower row represent days.
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Week;

WinForms RadGanttView TimeRange Week

  • TimeRange.Month: Each element of the upper row represents one month. The elements on the lower row represent days.
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Month;

WinForms RadGanttView __TimeRange Month

  • TimeRange.Year: Each element of the upper row represents one year. The elements on the lower row represent months.
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Year;

WinForms RadGanttView TimeRange Year

  • TimeRange.YearHalves: Each element of the upper row represents one year. The elements on the lower row represent half year periods (roughly six months).
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.YearHalves;

WinForms RadGanttView TimeRange YearHalves

  • TimeRange.YearQuarters: Each element of the upper row represents one year. The elements on the lower row represent quarter year periods (roughly three months).
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.YearQuarters;

WinForms RadGanttView TimeRange YearQuarters

  • TimeRange.Day – Each element of the upper row represents one day. The elements on the lower row represent hours.
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Day;

WinForms RadGanttView TimeRange Day

  • TimeRange.DayHalfHours: Each element of the upper row represents one day. The elements on the lower row represent half hours (30 minutes period).
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.DayHalfHours;

WinForms RadGanttView TimeRange DayHalfHours

  • TimeRange.DayQuarterHours: Each element of the upper row represents one day. The elements on the lower row represent quarter hours (15 minutes period).
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.DayQuarterHours;

WinForms RadGanttView TimeRange DayQuarterHours

  • TimeRange.Hour: Each element of the upper row represents one hour. The elements on the lower row represent minutes.
C#
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Hour;

WinForms RadGanttView TimeRange Hour

See Also

In this article
See Also
Not finding the help you need?
Contact Support