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

Change the appearance of the "Create/Edit Appointment" dialog

Hi,

I need to do the following two changes:

- Remove the word "Appoinment" from the title.
- Hide the "Subject" label and textbox(I will give a hardcoded value before saving into the database).

Also, I want to change the delete confirmation "Are you sure you want to delete this appoinment?" into "Are you sure you want to delete this?".

Thanks,
Cornel.

5 Replies

KK Karthigeyan Krishnamurthi Syncfusion Team February 16, 2017 10:42 AM UTC

Hi Cornel,   
   
Thank you for contacting Syncfusion support.   
   
By default, Scheduler locale words can be customized and for the same we have prepared a sample for your reference which can be download from the below location.   
   
When an appointment/cell is, double clicked, AppointmentWindowOpen event will be raised, where Subject field can be hidden and kindly refer the below code example used in the sample 
 
<Code> 
var customizationMessage = { 
    // customize the appointment window title 
    CreateAppointmentTitle: "Create Event", 
    Editevent: "Edit Event", 
    DeleteConfirmation: "Are you sure you want to delete this?", 
}; 
 
// Extend only the required changes to the original locale collection 
$.extend(ej.Schedule.Locale["en-US"], customizationMessage); 
 
function onAppointmentWindowOpen(args) { // this function will be called before opening the app window 
    this._appointmentAddWindow.find("#" + this._id + "subjecttr").css("display", "none"); 
} 
</Code> 
 
Kindly visit the below link to know more about Localizing specific words and events.   
   
Regards,   
Karthigeyan   



CA Cornel Amarandei February 16, 2017 10:58 AM UTC

Hi Karthigeyan,

Thanks for your help. It works very good.

Regards,
Cornel.


KK Karthigeyan Krishnamurthi Syncfusion Team February 17, 2017 05:00 AM UTC

Hi Cornel,  
 
Thanks for your update. 
 
We are happy to hear that our solution has fulfilled your requirement. 
 
Please let us know if you need further assistance. 
 
Regards, 
Karthigeyan 



IS Isabel October 13, 2018 02:20 PM UTC

How can I open the editor of an event without showing the quick info popup before? 

Thanks


KK Karthigeyan Krishnamurthi Syncfusion Team October 15, 2018 07:16 AM UTC

Hi Isabel 
 
Thank you for contacting Syncfusion support. 
 
Please find the below possible ways to achieve your requirement. 
 
  1. You can disable the quick pop by setting ShowQuickWindow to false and then double click the appointment to open edit window.
Note: It will not show quick pop even on the cell/appointment single click. 
  1. You can directly open the edit window on appointment click by using the AppointmentClick and AppointmentWindowOpen events as shown below.
Note: When a recurrence appointment is clicked then the recurrence alert will be displayed which will usually displayed after double clicking it. 
 
.ScheduleClientSideEvents(e=>e.AppointmentClick("OnAppointmentClick").AppointmentWindowOpen("appWindowOpen")) 
 
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; 
            this._recurEditWindow.ejDialog("open"); 
            this._recurEditWindow.focus(); 
            this._deleteBeforeOpen(); 
        } 
    } 
    function appWindowOpen(args) { 
        if (!ej.isNullOrUndefined(args.appointment)) 
            $("#Schedule1AppointmentAddEditWindow_title").find('.e-title').html("Edit Appointment"); 
        else 
            $("#Schedule1AppointmentAddEditWindow_title").find('.e-title').html("Create Appointment"); 
    } 
 
Regards, 
Karthigeyan 


Loader.
Live Chat Icon For mobile
Up arrow icon