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 add additional fields in the custom appointment window?

You can add and display the additional fields such as Room field, Owner field etc., in the customized appointment window. The following steps helps you to include and display the additional fields in the custom appointment window.

 

  1. Create a Schedule sample with the Custom Appointment window by referring the following links.

 

Sample link:

http://js.syncfusion.com/demos/web/#!/azure/schedule/CustomWindow

 

Document link:

http://docs.syncfusion.com/js/schedule/customization

 

  1. To the existing Custom Appointment window design, add the two additional dropdown controls, one for the Owner field and another for the Room field as follows.

HTML

  1. Add the following additional code changes for the newly added fields in the Script section as follows.

JavaScript

  1. Initialize the client-side event appointmentWindowOpen to open the custom appointment window as follows.

JavaScript

 

  1. Now, run the sample and you can view the newly added Owner field and Room field in the Custom appointment window.

 

Figure 1: Room field values in the dropdownlist

Figure 2: Owner field values in the dropdownlist

Figure 3: Edit/View appointment details

Sample link:

http://www.syncfusion.com/downloads/support/forum/119220/ze/CustomField-449340692

 

Article ID: Published Date: Last Revised Date: Platform: Control:
5158 06/16/2015 08/27/2015 JavaScript ejSchedule
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