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. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to create customized appointment template in the SfSchedule?

Platform: WPF |
Control: SfSchedule |
Published Date: January 28, 2015 |
Last Revised Date: January 30, 2015
Tags: 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

2X faster development

The ultimate WPF UI toolkit to boost your development speed.
You must log in to leave a comment

Please sign in to access our KB

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

Up arrow icon

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

Live Chat Icon For mobile
Live Chat Icon