How to customize Resource header in Schedule?

The header of Schedule Resources can be easily customized by overriding the default style in all view. This article explains you how to customize the default Resource header style in all view of Schedule.

For Customizing the Resource header in TimeLine View

Create a WinRT application and add SfSchedule control by specifying the resource to it.

XAML

Add resources in ScheduleResourceTypeCollection as follows.

XAML

To customize the Schedule Resource header in TimeLine view, you need to override the default style of TimeLineViewItemHeader control and add necessary style in the application as follows.

XAML

For Customizing the Resource header in Month View

Similarly to customize the Schedule Resource header in Month view, you need to override the default style of MonthViewItemHeader control and add necessary style in the application as follows.

XAML

For Customizing the Resource header in Day View

You can also add necessary style in Schedule Resource header in Day/Week/Work week view, by overriding the default style of DayViewItemHeader control in the application as follows.

XAML

In all the above mentioned styles, the Textblock and Image are used to display the Resource name and image in Resource header.

The following sample is to illustrate the Schedule Resource header customization by overriding the default style of DayViewItemHeader of Schedule and specifying the type as week.

Sample Location (In WinRT Sample Browser): WinRT->Schedule-> ResourceDemo

In the above sample by applying the other view Resource header styles given above and by changing the Schedule type you can get the similar output as follows for other views (Month, TimeLine, Day and WorkWeek)

The following screenshot displays the Resource Header customization in Day View.

Figure 1: Resource Header customization in Day View

The following screenshot displays the Resource Header customization in Month View.

Figure 2: Resource Header customization in Month View

The following screenshot displays the Resource Header customization in Week View.

Figure 3: Resource Header customization in Week View

The following screenshot displays the Resource Header customization in Work Week View.

Figure 4: Resource Header customization in Work Week View

Figure 5: Resource Header customization in TimeLIne View