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

One click rather than double click to select an appointment

Hi Support:

In the Schedule control would be possible to launch the click action over an appointment with just one click rather than two clicks.

Our users says that is more intuitive for them to click one to show the Appointment dialog is displayed

Thanks in advance


7 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team July 28, 2017 07:23 AM UTC

Hi David 
Thank you for contacting Syncfusion support. 
Yes, it is possible to open the Edit window in single appointment click instead of double click and for the same we have prepared the below sample which can be viewed from the below link. 
appointmentWindowOpen: "appWindowOpen", 
appointmentClick: "OnAppointmentClick", 
function OnAppointmentClick(args) { 
    args.cancel = true; 
    if (!args.appointment.Recurrence) 
        this._showAppointmentDetails(args.appointment.Guid, true); 
    else { 
        if (ej.isNullOrUndefined(this._recurEditWindow)) this._renderRecurEditWindow(); 
        this._parentId = args.appointment.ParentId; 
function appWindowOpen(args) { 
    if (!ej.isNullOrUndefined(args.appointment)) 
        $("#Schedule1AppointmentAddEditWindow_title").find('.e-title').html("Edit Appointment"); 
        $("#Schedule1AppointmentAddEditWindow_title").find('.e-title').html("Create Appointment"); 
Note: Above sample is made in JS platform for your reference. 

DS dsapo July 28, 2017 02:42 PM UTC

Thanks Karthigeyan , is working perfect.

Awesome support as usual.


KK Karthigeyan Krishnamurthi Syncfusion Team July 31, 2017 03:51 AM UTC

Hi David, 
We are happy to hear that our solution has fulfilled your requirement. 

FM Foroozan Mahdavi September 5, 2019 09:51 AM UTC

Can you update this answer for  Scheduler on Angular App.
I need to open Editor window on single click instead of Double click.


VD Vinitha Devi Murugan Syncfusion Team September 6, 2019 06:30 AM UTC

Hi David, 
Thanks for your update. 
We have achieved you requirement by making use of cellClick, appointmentClick and appointmentWindowOpen events. Kindly refer the below sample. 
  public appWindow(args: any) { 
    // To disable the quick window 
    args.cancel = true; 
  public OnAppointmentClick(args: any) { 
    //Clicked appointments details can be retrieved which can be used to open the edit window. 
    args.cancel = true; 
    if (!args.appointment.Recurrence) 
      this.Scheduler.widget._showAppointmentDetails(args.appointment.Guid, true); 
    else { 
      if (ej.isNullOrUndefined(this.Scheduler.widget._recurEditWindow)) this.Scheduler.widget._renderRecurEditWindow(); 
      this.Scheduler.widget._parentId = args.appointment.ParentId; 
  public onAppointmentWindowOpen(args: any) { 
    //Within the appointmentWindowOpen scheduler event, we should manually rename the title of the detailed window based on the cell and appointment click as shown below. 
    if (!ej.isNullOrUndefined(args.appointment)) { 
      // Change current Action of scheduler to prevent new appointment creation 
      this.Scheduler.widget._currentAction = 'save' 
      $("#ScheduleAppointmentAddEditWindow_title").find('.e-title').html("Edit Appointment"); 
      $("#ScheduleAppointmentAddEditWindow_title").find('.e-title').html("Create Appointment"); 

M.Vinitha devi

PK Parthkumar Kakadiya January 10, 2020 12:38 PM UTC


I am trying to open Editor Window for schedular with just one click rather than two clicks. 

Is this same scenario possible for the Angular Application?    


VM Vengatesh Maniraj Syncfusion Team January 13, 2020 06:26 AM UTC

Hi David, 

Thanks for the update. 

This is possible to open the editor window with just one click instead of two click in Angular Application. We have already shared an Angular application with the same scenario and the same has available in below link. 

Kindly try the above and revert us for further assistance with this. 


Live Chat Icon For mobile
Up arrow icon