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

Additional buttons in footer of custom window template

Hi team,

I want to add some additional buttons as part of the project in the footer of the custom template for the window( other than edit and delete),. Can you please let me know how to do?

Thanks in advance .


1 Reply

HB Hareesh Balasubramanian Syncfusion Team August 28, 2019 10:20 AM UTC

Hi Srini, 

Greetings from Syncfusion Support. 

As per your requirement, we have added an addition Alert button in the footer button collection in the editor window. Kindly refer the below snippet, 

this.dlgButtons = [ { click: this.dlgalertClick.bind(this), buttonModel: { content: 'Alert', isPrimary: true } }, { click: this.dlgBtnClick.bind(this), buttonModel: { content: 'Save', isPrimary: true } }, { click: this.dlgBtnCancel.bind(this), buttonModel: { content: 'Cancel', isPrimary: true } }]; 

   public dlgalertClick: EmitType<object> = () => { 
    alert("Additional Alert Button"); 

And for the same, we have prepared a sample, which can be viewed from the following link, 

Kindly check the above sample and revert us, if you need any further assistance. 


Live Chat Icon For mobile
Up arrow icon