How to create the customized Appointment Editor in SfSchedule?

SfSchedule allows you to have customized appointment editor based on the requirement by overriding the default editor of it. This article explains you how to customize the default Appointment Editor Style in SfSchedule.

For Customizing Appoinment Editor in SfSchedule

Create a WinRT application and add SfSchedule control in it.

XAML

Create a customized control with required field to be shown in the editor and with required functions to do certain actions such as saving, deleting appointments listening the button click events.

C#

You need to apply your own style to above created editor control in the application as follows.

C#

To perform actions over appointments, the above style contains Save, Delete and Close button etc. This style is applied to the NewCustomEditor and it is added in application next to Schedule control.

XAML

Using schedule_AppointmentEditorOpening event of SfSchedule, you can avoid the opening of default Appointmet Editor by setting the Cancel property to true. And you can open your own editor in this event by setting the required data to your control from the appointment information in the argument of the event.

Refer to the following code example to cancel the Appointment Editor Event and make the new editor to be visible.

C#

EditAppointment method is used to EDIT the saved appointment using customized Appointment Editor.

C#

AddAppointment method is declared to add the new appointment using customized Appointment Editor based on the Selected Dates.

C#

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

Figure 1: Customized Appointment Editor in SfSchedule