How to create the customized appointment template in the SfSchedule?

The template of appointments can be easily customized in the SfSchedule by using the AppointmentTemplate property. This article explains how to create customized appointment template in the SfSchedule control.

Creating customized appointment template

1. Create a WinRT application and add the SfSchedule control to it. Now, modify the appointment’s template by using the AppointmentTemplate property as in the following code example.

XAML

Note: In the above template, “Subject” and “AppointmentBackground” properties of the ScheduleAppointment class are used for binding. When you use the custom data with appointment mapping feature in the SfSchedule to show appointments, you need to use the properties in the custom data of the AppointmentTemplate.

2. Now create appointments and add it to the schedule as follows.

C#

Note: Now, the appointments in the SfSchedule look as follows.

The following screenshots display the output in different views.

Figure 1: Customized appointment template in the month view

Figure 2: Customized appointment template in the day view

Figure 3: Customized appointment template in the timeline view

Figure 4: Customized appointment template in the week view