How to Add SendMail and Cancel Buttons to a Form

[mayankkshah]

Hi everyone,

I’m new to Serenity and have created a form for a table called UserMail . I need to add two buttons to this form: SendMail and Cancel.

Here is what I have so far:

 protected getToolbarButtons():ToolButton[] {
     let buttons = super.getToolbarButtons();

     // Add SendMail button
     buttons.push({
         title: 'SendMail',
         cssClass: 'send-mail-button',
         icon: 'fa fa-envelope',
         onClick: () => {
             this.onSendMailClick();  // Call sendMail function on button click
         }
     });

     // Add Cancel button
     buttons.push({
         title: 'Cancel',
         cssClass: 'cancel-button',
         icon: 'fa fa-times',
         onClick: () => {
             this.dialogClose();  // Close the dialog on cancel button click
         }
     });

     return buttons;
 }

Could someone guide me on how to add these buttons and implement their functionality? Any code examples or references would be greatly appreciated.

Thank you!