How to Show all the customize toolbar in my angular program

Answered
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 
          tabs.unshift({  
              id: "fm-tab-connect", 
              title: "Connect", 
              // handler: newtabHandler,  
              // icon: this.icons.open 
          }); 
          return tabs; 
      } 

Please suggest.

1 answer

Public
Illia Yatsyshyn Illia Yatsyshyn Flexmonster October 8, 2021

Hello,
 
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.

Regards,
Illia

Please login or Register to Submit Answer