We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to create 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 WPF 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.



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

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



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

The following screenshots display the output in different views.

Screenshot (35)~1

Figure 1: Customized appointment template in the month view


Screenshot (36)~1

Figure 2: Customized appointment template in the day view

Screenshot (37)~1

Figure 3: Customized appointment template in the timeline view


Screenshot (38)~1

Figure 4: Customized appointment template in the week view

Article ID: Published Date: Last Revised Date: Platform: Control:
3542 01/28/2015 01/30/2015 WPF SfSchedule
Did you find this information helpful?
Add Comment
You must log in to leave a comment

Please sign in to access our KB

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon