Overview

The ScheduleView provides the functionality of displaying the data in different views. There are four predefined views from which you can choose to easily navigate through the appointments. These views ensure better flexibility and save time to write or modify the logic behind all different controls to make them work as one. You can customize each view – you can modify its orientation, the number of days displayed, customize the time ruler, etc.

Telerik UI for WPF Ninja image

The ViewDefinitions is part of Telerik UI for WPF, a professional grade UI library with 160+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

  • Day View: Displays the appointments for a single day. It is always grouped by date and additionally can be grouped by resource. It can be oriented horizontally or vertically. If there is more than 1 day displayed in this view, the listing starts from value of the CurrentDate property set to the ScheduleView control.

  • Week View: Contains the same properties as the DayView with the only difference that the displayed period is not just a single day but the days of a whole week. It is always grouped by date and additionally can be grouped by resource. The difference between the DayView and the WeekView is that the first displayed date in WeekView is the first day of the week of the CurrentDate property.

  • Month View: Displays by default the appointments in one month and allows you to browse through long-term periods. It is always grouped by week and additionally can be grouped by resource. The MonthView can be oriented only horizontally.

  • Timeline View: Displays the days and the hours in a timeline like matter. It cannot be grouped by date, but only by resource. The TimelineView can be oriented horizontally or vertically. The first day in this view is the value of the CurrentDate property of the ScheduleView control.

  • Agenda View: Display a set of appointments for a specific period of time. Read more in the Agenda View article.

Also, through defining different properties you can create your own custom view.

More information about the common for all views properties can be found here and for view specific properties - here.

How to set the views

RadScheduleView has different definitions for each view. It has four types of predefined view definitions, as mentioned earlier:

  • DayViewDefiniton

  • MonthViewDefinition

  • TimelineViewDefinition

  • WeekViewDefinition

  • AgendaViewDefinition

In order to include each one of the views in the RadScheduleView, they have to be defined as follows:

<telerik:RadScheduleView AppointmentsSource="{Binding Appointments}" x:Name="scheduleView"> 
    <telerik:RadScheduleView.ViewDefinitions> 
        <telerik:DayViewDefinition/> 
        <telerik:MonthViewDefinition/> 
        <telerik:WeekViewDefinition/> 
        <telerik:TimelineViewDefinition/> 
        <telerik:AgendaViewDefinition/> 
    </telerik:RadScheduleView.ViewDefinitions> 
</telerik:RadScheduleView> 

MonthViewDefinition monthDefintion = new MonthViewDefinition(); 
DayViewDefinition dayDefintion = new DayViewDefinition(); 
WeekViewDefinition weekDefinition = new WeekViewDefinition(); 
TimelineViewDefinition timelineDefinition = new TimelineViewDefinition(); 
AgendaViewDefinition agendaViewDefinition = new AgendaViewDefinition(); 
this.scheduleView.ViewDefinitions.Add(monthDefintion); 
this.scheduleView.ViewDefinitions.Add(dayDefintion); 
this.scheduleView.ViewDefinitions.Add(timelineDefinition); 
this.scheduleView.ViewDefinitions.Add(weekDefinition); 
this.scheduleView.ViewDefinitions.Add(agendaViewDefinition); 

See Also

In this article