UI Toolbar Button handling - serenity-is/Serenity GitHub Wiki

protected getButtons(): Serenity.ToolButton[] {

    var buttons = super.getButtons();

    //Remove a Button
    buttons.splice(Q.indexOf(buttons, x => x.cssClass == "<Class of Button to remove> Example: 'add-button'"), 1);

    //Add a Button
    buttons.push({
        title: "<title of Button>",
        hint: "<Hover hint of button>",
        cssClass: "<Css defined class of button> Example: 'add-note-button' ",
        icon: "<Icon to use with button> Example:  'fa-hand-lizard-o'",
        onClick: () => { /*Add Function Here */ }                                                 
    })

    return buttons;
}

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

    //Remove Button
    buttons.splice(Q.indexOf(buttons, x => x.cssClass == "<Class of Button to remove> Example: 'save-and-close-button'"), 1);

     //Add a Button
     buttons.push({
        title: "<title of Button>",
        hint: "<Hover hint of button>",
        cssClass: "<Css defined class of button> Example: 'add-note-button' ",
        icon: "<Icon to use with button> Example:  'fa-hand-lizard-o'",
        onClick: () => { /*Add Function Here */ }
    })
    return buttons;
}