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

[saravanan]

Hi,

      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.

Thanks

Saravanan .T

  

Attachment: Create_Appointment_284fe6fc.rar

[Karthigeyan Krishnamurthi]

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.

http://mvc.syncfusion.com/demos/web/schedule/customappwindow

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:
http://www.syncfusion.com/downloads/support/forum/120543/ze/ScheduleCRUD395545268

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

<code>

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");

            quickobj.close();

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

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

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

                $("#customId").val(args.appointment.Id);

                $("#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

                $("#customdescription").val(args.appointment.Description);

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

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

                $("#customWindow").ejDialog("open");

            }

            else

                $("#customWindow").ejDialog("open");
        }

Kindly make use of our online User Guide documentation for Custom appointment window.
http://help.syncfusion.com/js/schedule/customization#editing-customized-appointment-window

Regards,
Karthigeyan.