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.
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

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

Thread ID:

Created:

Updated:

Platform:

Replies:

128906 Feb 15,2017 10:07 AM UTC Oct 15,2018 07:16 AM UTC ASP.NET MVC 5
loading
Tags: Schedule
Cornel Amarandei
Asked On February 15, 2017 10:07 AM UTC

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 [Syncfusion]
Replied On 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   


Cornel Amarandei
Replied On February 16, 2017 10:58 AM UTC

Hi Karthigeyan,

Thanks for your help. It works very good.

Regards,
Cornel.

Karthigeyan Krishnamurthi [Syncfusion]
Replied On 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 


Isabel
Replied On October 13, 2018 02:20 PM UTC

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

Thanks

Karthigeyan Krishnamurthi [Syncfusion]
Replied On 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 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;