How can I add custom tool bar and custom tool bar buttons
I am trying to present multiple pivots without toolbar in my Angular 4 application, So I want to integrate custom tool bar with my own buttons and I want to call toolbar actions with my own custom button clicks is it possible?
You can customize the Toolbar using
beforetoolbarcreated event. This event gets
toolbar object, its method
getTabs() should be used to add/remove tabs. Please check the following example with two custom tabs: https://codepen.io/webdatarocks/pen/mjoxve. Handler for
beforetoolbarcreated event is set on line 3.
Hope it helps.
My intention is to use my own buttons and bind functions to that in Angular 4 application, not changing the theme
The approach suggested above is very flexible. You can rewrite the 10-th line of the example the following way:
var tabs = ;
In such case, only the custom tabs will remain in the array.
Hope it was helpful.