EditorTemplate custom footer buttons

[S_Line]

How can i add more buttons to the footer editor?

[Karthigeyan Krishnamurthi]

Dear Customer, 

 

Thank you for contacting Syncfusion support. 

 

Kindly refer the below links to know more about the editor customization. 

https://ej2.syncfusion.com/aspnetmvc/documentation/schedule/editor-template/?no-cache=1#customizing-quick-popups 

https://ej2.syncfusion.com/aspnetmvc/documentation/schedule/editor-template/?no-cache=1#customizing-event-editor-using-template 

https://ej2.syncfusion.com/aspnetmvc/Schedule/EditorTemplate#/material 

 

 

Regards, 

Karthigeyan 

[S_Line]

Hello,

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]

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. 

http://www.syncfusion.com/downloads/support/directtrac/143205/ze/Default1991858496 

 

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'] 

            }); 

            dropDownListObject.appendTo(statusElement); 

            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"; 

                    aa.appendChild(but); 

                } 

                document.querySelector('.e-event-delete').innerText = "Remove" 

                document.querySelector('.e-event-save').innerText = 'Ok'; 

                dialogObj.dataBind(); 

                document.querySelector('.custom').addEventListener("click", function () { alert('editor window'); }); 

 

            } 

        } 

    } 

} 

 

 

Regards, 

Karthi 

[S_Line]

Thank you Karthi 

[Karthigeyan Krishnamurthi]

Dear Customer,    

    

Thanks for your update.  

 

Regards, 

Karthi