Editor Popup - customise footer buttons

Question

Hello ,on Essential JS2 for Angular . is there a way to customise editor footer on scheduler?Ideally we would like to have our own buttons on the footer (instead on the 'Delete', 'Save' and 'Cancel')

Karthigeyan Krishnamurthi · Answer

Hi Oliver,   
 
Greetings from Syncfusion. 
 
We have prepared the below sample to add custom footer buttons. 
https://stackblitz.com/edit/angular-kvolyx-t7z8dg?file=app.component.html 
 
public eventAdd(e) { 
    const data: Object = this.scheduleObj.getCellDetails(this.scheduleObj.getSelectedElements()) as Object; 
    const eventData: { [key: string]: Object } = this.scheduleObj.eventWindow.getObjectFromFormData('e-schedule-dialog'); 
    this.scheduleObj.eventWindow.convertToEventData(data as { [key: string]: Object }, eventData); 
    eventData.Id = this.scheduleObj.eventBase.getEventMaxID() as number + 1; 
    this.scheduleObj.addEvent(eventData); 
    this.dialogClose(); 
  } 
  public eventDelete(e) { 
    const eventData: { [key: string]: Object } = this.scheduleObj.activeEventData.event as any; 
    this.scheduleObj.deleteEvent(eventData); 
    this.dialogClose(); 
  } 
  public editEvent(e) { 
    debugger; 
    const eventData: { [key: string]: Object } = this.scheduleObj.eventWindow.getObjectFromFormData('e-schedule-dialog'); 
    eventData.Id = this.currentEvent.Id; 
    this.scheduleObj.saveEvent(eventData); 
    this.dialogClose(); 
  } 
 
 
Regards, 
Karthi