#1. How to obtain save report format event in Angular 6 and above

Hello, Heman,
 
Thank you for reaching out to us.
 
We would like to point out that in Flexmonster you can customize the Toolbar to fit your needs.
 
This means you can add your own custom icons, provide custom behavior for Toolbar tabs, etc.
 
Hence, the save option can be overridden by specifying a customizeToolbar function in the beforetoolbarcreated parameter:

beforetoolbarcreated: customizeToolbar

 
This way you can get all the tabs from the Toolbar and specify the needed tab's new handler. The handler function is responsible for the tab's behavior.
 
For example, the Save tab's behavior can be changed the following way:
 

function customizeToolbar(toolbar) {
   // get all tabs
   var tabs = toolbar.getTabs();

   toolbar.getTabs = function () {
     
      // change the save tab's behavior
      tabs[2].handler = newtabHandler;

      return tabs;
   }

   var newtabHandler = function() {
      // add new functionality here
      flexmonster.save({
        filename: 'myreport.json', 
        destination: 'server',
        url: 'https://yourserver.com/yourscript.php',
        callbackHandler: 'reportSaved'
      });
      
      function reportSaved() {
      	 alert("Saved!");
      }
   }

}

 
Here is a JSFiddle example for illustration.
 
Thus, there is no need for having a separate save event.
 
Please let us know if this solution works fine for you.
 
We are looking forward to hearing from you.
 
Best Regards,
Vera