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

Adding new control and hiding existing control in Create Appointment pop up

      Is it possible to create new control in Create Appointment popup window like 

      NoOfUser   TextBox ( to input number of user attended while book an room)
     or hide existing control like All day or Repeat check boxes. 

     If yes, could you tell me how to do that. I have attached the screen shot.

Saravanan .T

Attachment: Create_Appointment_284fe6fc.rar

1 Reply

KK Karthigeyan Krishnamurthi Syncfusion Team September 25, 2015 09:39 AM UTC

Hi Saravanan,

Thanks for contacting Syncfusion Support.

Yes, it is possible to add one or more new fields in the Create Appointment popup window which can be achieved through custom appointment window sample. Kindly visit our online sample (link given below) to know more about the custom appointment window sample.


We have prepared the sample to meet your requirement on “Adding new control and hiding existing control in Create Appointment pop up”. The sample can be downloaded from the following location:

Please find the following code example that we have used in the above sample


function onAppointmentWindowOpen(args) { // This function will be called while double clicking the cell

            args.cancel = true; // Here we will prevent the default create appointment window being open

            var quickobj = $("#Schedule1AppointmentQuickWindow").data("ejDialog");


            $("#StartTime").ejDateTimePicker({ value: args.startTime });

            $("#EndTime").ejDateTimePicker({ value: args.endTime });

            if (!ej.isNullOrUndefined(args.appointment)) {


                $("#user").val(args.appointment.User); // Here the input text box “No of user” value will be dsplayed if the appointment is created with the value given in that text box


                $("#StartTime").ejDateTimePicker({ value: new Date(args.appointment.StartTime) });

                $("#EndTime").ejDateTimePicker({ value: new Date(args.appointment.EndTime) });





Kindly make use of our online User Guide documentation for Custom appointment window.


Live Chat Icon For mobile
Up arrow icon