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
|
This page will automatically be redirected to the sign-in page in 10 seconds.