Adding new tab to Toolbar

Customizing toolbar

by jesperra

HTML

<link rel="stylesheet" href="https://s3.amazonaws.com/flexmonster/2.3/demo.css">
<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<div id="pivot-container"></div>

JavaScript

var pivot = new Flexmonster({
	container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  beforetoolbarcreated: customizeToolbar,
  report: {
  	dataSource: {
    	filename: "data/sales.csv"
    },
    "slice": {
        "rows": [
            {
                "uniqueName": "Region"
            }
        ],
        "columns": [
            {
                "uniqueName": "[Measures]"
            },
            {
                "uniqueName": "Salesperson"
            }
        ],
        "measures": [
            {
                "uniqueName": "Unit Price",
                "aggregation": "sum"
            }
        ]
    }
  }
});

function customizeToolbar(toolbar) {
    // get all tabs
    var tabs = toolbar.getTabs(); 
		toolbar.getTabs = function () {
      tabs[3].menu[5].handler = exportHandler;
      return tabs;
    }
    


var exportHandler = function() {
    var self = this;
    var Labels = this.Labels;
    var applyHandler = function () {
        var orientation = "portrait";
        if (landscapeRadio.checked) {
            orientation = "landscape";
        }
        var pageFormat = 'A4';
        if (paperSizeA0Radio.checked) {
            pageFormat = "A0";
        }
        else if (paperSizeA1Radio.checked) {
            pageFormat = "A1";
        }
        else if (paperSizeA2Radio.checked) {
            pageFormat = "A2";
        }
        else if (paperSizeA3Radio.checked) {
            pageFormat = "A3";
        }
        else if (paperSizeA4Radio.checked) {
            pageFormat = "A4";
        }
        
        self.pivot.exportTo(
        	'pdf', 
          {
            pageOrientation: orientation,
            pageFormat: pageFormat,
            header:"<div>##CURRENT-DATE##</div>"
          }
        );
    }
    var dialog = this.popupManager.createPopup();
    dialog.content.id = "fm-popup-options";
    dialog.setTitle('PDF Settings');
    dialog.setToolbar([
        { id: "fm-btn-apply",...