Customize toolbar

[Joko Pitoyo]

Any sample howto customize toolbar button?

[svetoslav_borislavov]

Hi Joko,

You can pass a callback function to the onInit property as the toolbar HTML Element is passed as an argument. OnInit belongs to the header property of the grid. When you have the toolbar HTML Element you can select any button you want and customize it.

Here is a simple example:

header: {
visible: true,
onInit: (toolbar) => {
const sortButton = toolbar.querySelector(‘div[smart-id=”sortButton”]’);
sortButton.classList.add(‘custom-button’);
}
},

Best regards,

Svetoslav Borislavov

Smart UI Team

https://www.htmlelements.com

• This reply was modified 2 years, 4 months ago by svetoslav_borislavov.
• This reply was modified 2 years, 4 months ago by svetoslav_borislavov.

[Author]

Posts