Working with the new TimeLine Scheduler View

The ComponentOne Scheduler controls now support a Time Line view for displaying appointments in a horizontal layout. This view is much like the “Schedule” view in Microsoft Outlook 2010, and yet we even offer it with the Office 2003 and 2007 visual styles. TimeLine view was added in the 2011 v2 release for the Silverlight and WPF versions, and just made its debut in WinForms in the 2011 v3 release. Implementing this view is as easy as just setting one property. By supporting five different views within the one C1Schedule control, we make it easy for you to develop Outlook-style scheduling applications that allow the user to toggle among views at run-time. There’s no extra work needed to update your appointment data source when switching among the different views. In the WinForms version the view is determined by the ViewType property. The ScheduleViewEnum includes DayView, MonthView, WeekView, WorkWeekView and TimeLineView.

c1Schedule1.ViewType = C1.Win.C1Schedule.ScheduleViewEnum.TimeLineView;  

In Silverlight and WPF, the view is determined by the control’s Style template. The control includes five default view styles: OneDayStyle, WorkingWeekStyle, WeekStyle, MonthStyle and TimeLineStyle.

<c1:C1Scheduler x:Name="c1Scheduler1" Style="{Binding TimeLineStyle, RelativeSource={RelativeSource Self}}" />  

The TimeLine view is great for schedules that have multiple resources (or groups). Resources are arranged vertically so this view is useful when trying to see multiple groups at once to schedule a meeting. See below for information on grouping by resources. If you need to adjust the time scale, this can be set through the TimeInterval or VisualIntervalScale property. WinForms:

//set time interval to one hour  
c1Schedule1.CalendarInfo.TimeInterval = C1.C1Schedule.TimeScaleEnum.OneHour;  


//set time interval to 10 minutes  
c1Scheduler1.VisualIntervalScale = new TimeSpan(0, 10, 0);  

Note that for Silverlight/WPF this property will reset at changing C1Scheduler style. So, you should keep the desired value and restore it after the style changes. You can see an example of this in the Navigation sample.


To create multiple rows you will first need to apply grouping on categories, resources, contacts or users. Check out my previous blog post on creating multi-user schedules with grouping. If you're developing in WinForms, you can also download the multi-user sample here.

ComponentOne Product Manager Greg Lutz

Greg Lutz

comments powered by Disqus