Get Free Trial

How to Show all the customize toolbar in my angular program

Aishwarya Mishra asked on October 8, 2021

i have tried implementing below mentioned code in my angular program , still toolbar not getting added.

    var pivotS4FlatReport = new Flexmonster({ 
      container: “pivot-container”, 
      toolbar: true,
      beforetoolbarcreated: customizeToolbar 

  function customizeToolbar(toolbar) { 
      // get all tabs 
      var tabs = toolbar.getTabs(); 
      toolbar.getTabs = function () { 
          // add new tab 
              id: “fm-tab-connect”, 
              title: “Connect”, 
              // handler: newtabHandler,  
              // icon: 
          return tabs; 

Please suggest.

1 answer

Illia Yatsyshyn Illia Yatsyshyn Flexmonster October 8, 2021

Thank you for raising this ticket.
Please note that our Angular wrapper allows creating Flexmonster instance using the <fm-pivot> tag instead of declaring it through the constructor. Please see our integration with Angular tutorial to learn the correct way of embedding Flexomnster into your Angular application.
We also suggest checking out our integration example of Flexmonster Pivot Table & Charts with Angular framework. It contains numerous examples of Flexmonster functionality including the Toolbar customization. Use it as a reference to customize the Toolbar correctly in your application.
Please let us know if it helps.


Please login or Register to Submit Answer