)
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: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to design and configure your custom appointment editor ?

Platform: Xamarin.Forms |
Control: SfSchedule |
Published Date: April 20, 2016 |
Last Revised Date: March 22, 2018

 

SfSchedule allows you to add and edit appointments based on the requirement by using CellTapped event in schedule.

 

XAML

 

In this custom appointment editor, there are options to add/edit appointments. Date pickers and Time pickers are used in order to display the Date and Time of the selected cell in Schedule.

According to various platform’s, editor layout can be designed. You can display your own Appointment editor in this CellTapped event by setting the required data to your control from the appointment information in the argument of the event.

 

C#


If the selected appointment is not equal to null, the appointment’s details such as subject, Location (If available), start date, end date are shown in the editor layout. Else, appointment in the argument will be null.

 

C#

 

 

The following screenshot displays the custom appointment editor.

 

Editor.jpg

TimePicker.jpg

DatePicker.jpg

 

 

 

You can download the source code for entire demo of custom appointment editor from here, CustomAppointmentEditor.

2X faster development

The ultimate Xamarin UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment
Comments
Jon Lacey
Nov 30, 2017

I am looking to add a custom editor to my schedule but see above that the code is incomplete. The code references editor_main_layout but doesn't show it being created.

Is the full code available for this example?

Jon L

Reply
kevin deery
Sep 17, 2018

For those who come across the same issue, i found the sample app a little confusing.

All you need to do is navigate to an new page, i used Navigation.PushModalAsync(Your custom page here); because it doesnt have a back button.

Add the fields you need and control navigation via buttons on the bottom of the page. Save Cancel etc


Hope this helps someone 


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