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

[Cornel Amarandei]

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.

[Karthigeyan Krishnamurthi]

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.   

http://www.syncfusion.com/downloads/support/forum/128906/ze/Sample343970329   

   

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.   

UG link: https://help.syncfusion.com/aspnetmvc/schedule/globalization-and-localization#localizing-specific-words   

Online Sample: http://mvc.syncfusion.com/demos/web/schedule/events   

   

Regards,   

Karthigeyan   

[Cornel Amarandei]

Hi Karthigeyan,

Thanks for your help. It works very good.

Regards,

Cornel.

[Karthigeyan Krishnamurthi]

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 

[Isabel]

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

Thanks

[Karthigeyan Krishnamurthi]

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. 

2. 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. 

MVC: http://www.syncfusion.com/downloads/support/forum/128906/ze/Sample1793527255  

JS: http://jsplayground.syncfusion.com/liyazd3b 

 

.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