Context menu is easily customized by overriding the default Context menu of the control. This article explains you how to customize the default menu that is used in SfSchedule.
For Customizing the Popup menu in SfSchedule
Create a Silverlight application and add SfSchedule control in it.
In this article, you can display a popup containing a radial menu with all the actions that the default menu of the schedule has.
Using the Icon property of the RadialMenu, you can customize the icons displayed in the center of RadialMenu circle.
Refer to the following code example with customized SfRadialMenuItem.
The above popup is added in the application next to schedule and its IsOpen property can be handled based on the context menu event of schedule and OnPointerPressed events of the application.
Using ContextMenuOpening event of SfSchedule, you can avoid the opening of default menu selection by setting the Cancel property as true and your customized menu (RadialPopup) can be shown as menu for the schedule.
The customized menu placement can be handled using the position values present in the argument of the event.
Using the MouseLeftButtonUp event of the application, the RadialPopup is closed.
By clicking SfRadialMenuItem of Add in Popup, addButton_Click event adds the appointments in Schedule.
By clicking SfRadialMenuItem of Edit in Popup, editButton _Click event edits the appointments in Schedule.
By clicking SfRadialMenuItem of Delete in Popup, deleteButton _Click event deletes the saved appointments in Schedule.
By clicking SfRadialMenuItem of Copy in Popup, copyButton _Click event copies the selected appointment in Schedule.
By clicking SfRadialMenuItem of Paste in Popup, pasteButton _Click event pastes the copied appointment in Schedule.
\AppData\Local\Syncfusion\EssentialStudio\188.8.131.52\ Silverlight \SfSchedule.Silverlight\ SfSchedule\CustmizationDemo
Figure 1: Context Menu customization in Schedule
|Article ID:||Published Date:||Last Revised Date:||Platform:||Control:|
or the page will be automatically redirected to sign-in page in 10 seconds.