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

EditorTemplate custom footer buttons

Thread ID:





143205 Mar 8,2019 07:49 PM UTC Mar 13,2019 03:30 AM UTC ASP.NET MVC - EJ 2 5
Tags: Schedule
Asked On March 8, 2019 07:49 PM UTC

How can i add more buttons to the footer editor?

Karthigeyan Krishnamurthi [Syncfusion]
Replied On March 11, 2019 05:00 AM UTC

Replied On March 11, 2019 10:51 AM UTC

Thank you for your answer, but, i have read all these links and no one show me how to customize the footer of editor. I wont use the quick popup, only the complete editor.

Please, its possible?

Karthigeyan Krishnamurthi [Syncfusion]
Replied On March 12, 2019 11:30 AM UTC

Dear Customer,   
Thanks for your update. 
Unlike quick popup, there is no template option to customize the detailed editor footer part. We have prepare the below sample to add custom button and custom name for default buttons in the editor footer part using PopupOpen event. 
function onPopupOpen(args) { 
    if (args.type === 'Editor') { 
        var statusElement = args.element.querySelector('#EventType'); 
        if (!statusElement.classList.contains('e-dropdownlist')) { 
            var dropDownListObject = new ej.dropdowns.DropDownList({ 
                placeholder: 'Choose status', value: statusElement.value, 
                dataSource: ['New', 'Requested', 'Confirmed'] 
            statusElement.setAttribute('name', 'EventType'); 
        var startElement = args.element.querySelector('#StartTime'); 
        if (!startElement.classList.contains('e-datetimepicker')) { 
            new ej.calendars.DateTimePicker({ value: new Date(startElement.value) || new Date() }, startElement); 
        var endElement = args.element.querySelector('#EndTime'); 
        if (!endElement.classList.contains('e-datetimepicker')) { 
            new ej.calendars.DateTimePicker({ value: new Date(endElement.value) || new Date() }, endElement); 
            var dialogObj = (args.element).ej2_instances[0]; 
            if (args.target !== undefined) { 
                if (document.querySelector('.custom') === null) { 
                    aa = document.querySelector('.e-footer-content'); 
                    var but = document.createElement('button'); 
                    but.className = "custom"; 
                    but.innerText = "custom"; 
                document.querySelector('.e-event-delete').innerText = "Remove" 
                document.querySelector('.e-event-save').innerText = 'Ok'; 
                document.querySelector('.custom').addEventListener("click", function () { alert('editor window'); }); 

Replied On March 12, 2019 11:38 AM UTC

Thank you Karthi 

Karthigeyan Krishnamurthi [Syncfusion]
Replied On March 13, 2019 03:30 AM UTC

Dear Customer,    
Thanks for your update.  


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.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

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

Live Chat Icon For mobile
Live Chat Icon