Edit this page

Timeline views

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:

important

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.
this.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Week;

Me.RadGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Week

ganttview-timeline-timeline-views 001

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

Me.RadGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Month

ganttview-timeline-timeline-views 002

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Year

ganttview-timeline-timeline-views 003

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.YearHalves

ganttview-timeline-timeline-views 004

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.YearQuarters

ganttview-timeline-timeline-views 005

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Day

ganttview-timeline-timeline-views 006

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.DayHalfHours

ganttview-timeline-timeline-views 007

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.DayQuarterHours

ganttview-timeline-timeline-views 008

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

Me.radGanttView1.GanttViewElement.GraphicalViewElement.TimelineRange = TimeRange.Hour

ganttview-timeline-timeline-views 009

See Also

Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy