New to Telerik UI for WPF? Download free 30-day trial

Categories

RadScheduleView provides you with a built-in categories support. You can assign a category to each one of your appointments, thus making them easily distinguishable.

This chapter will cover the following topics:

Assign Category to an Appointment run-time

Run-time you can define the category of your appointment via the drop down menu in the EditAppointmentDialog:

radscheduleview categories 01

On the snapshot below you can see four appointments where three of them have categories set, while the fourth does not have. Note how the background color of the appointments is taken from their categories.

radscheduleview categories 02

Adding Categories to the RadScheduleView

By default the RadScheduleView has predefined list of categories i.e. "Red Category", "Blue Category", "Olive Category" etc.

However, there are cases when new categories are needed and you have to create them on your own, as it is shown below.

The categories used by the RadScheduleView control are represented by the class Telerik.Windows.Controls.Category located in the assembly Telerik.Windows.Controls.ScheduleView.dll.

Each category has three important characteristics:

  1. CategoryName - each category has a name assigned. It is used to distinguish that category amongst the others in your application. You can set or get it using the property Category.CategoryName or Category.DisplayName.

  2. CategoryBrush - each category has a color brush assigned. It is used to mark all of the appointments of that category in your application. You can set it or get it using the property Category.CategoryBrush.

  3. IsChecked - Used to identify whether or not this category is selected.

The categories available in the RadScheduleView are defined in the CategoriesSource property (IEnumarable). Just add or remove categories to that collection in order to add or remove categories to the RadScheduleView itself.

<telerik:RadScheduleView x:Name="scheduleView" AppointmentsSource="{Binding Appointments}">                              
    <telerik:RadScheduleView.CategoriesSource> 
        <telerik:CategoryCollection> 
            <telerik:Category CategoryName="Red Category"> 
                <telerik:Category.CategoryBrush> 
                    <SolidColorBrush Color="Red"></SolidColorBrush> 
                </telerik:Category.CategoryBrush> 
            </telerik:Category> 
            <telerik:Category CategoryName="Orange Category"> 
                <telerik:Category.CategoryBrush> 
                    <SolidColorBrush Color="Orange"></SolidColorBrush> 
                </telerik:Category.CategoryBrush> 
            </telerik:Category> 
            <telerik:Category CategoryName="Green Category"> 
                <telerik:Category.CategoryBrush> 
                    <SolidColorBrush Color="Green"></SolidColorBrush> 
                </telerik:Category.CategoryBrush> 
            </telerik:Category> 
        </telerik:CategoryCollection> 
    </telerik:RadScheduleView.CategoriesSource> 
    <telerik:RadScheduleView.ViewDefinitions> 
        <telerik:DayViewDefinition /> 
    </telerik:RadScheduleView.ViewDefinitions>       
</telerik:RadScheduleView> 

or

public class MyViewModel : ViewModelBase 
{ 
    public ObservableCollection<Appointment> Appointments { get; set; } 
    public ObservableCollection<Category> Categories { get; set; } 
 
    public MyViewModel() 
    { 
        this.Appointments = new ObservableCollection<Appointment>(); 
        this.Categories = new ObservableCollection<Category>() { 
            new Category( "Red Category", new SolidColorBrush( Colors.Red ) ), 
            new Category( "Orange Category", new SolidColorBrush( Colors.Orange ) ), 
            new Category( "Green Category", new SolidColorBrush( Colors.Green ) ) 
        }; 
    } 
} 

<telerik:RadScheduleView x:Name="scheduleView"  
                    AppointmentsSource="{Binding Appointments}" 
                    CategoriesSource="{Binding Categories}">         
            <telerik:RadScheduleView.ViewDefinitions> 
        <telerik:DayViewDefinition /> 
    </telerik:RadScheduleView.ViewDefinitions>       
</telerik:RadScheduleView> 

Finally, set the DataContext:

this.DataContext = new MyViewModel(); 

Here is how the new categories look like:

radscheduleview categories 03

See Also

In this article