Adding new tab to Toolbar

Customizing toolbar

by Flexmonster Pivot Table

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";
        }
        self.pivot.exportTo(
        	'pdf', 
          {
            pageOrientation: orientation,
            header:"<div>##CURRENT-DATE##</div>"
          }
        );
    }
    var dialog = this.popupManager.createPopup();
    dialog.setTitle(Labels.choose_page_orientation);
    dialog.setToolbar([
        { id: "fm-btn-apply", label: Labels.apply, handler: applyHandler, isPositive: true },
        { id: "fm-btn-cancel", label: Labels.cancel }
    ]);

    var content = document.createElement("div");

    var list = document.createElement("ul");
    list.classList.add("fm-radiobtn-list");
    content.appendChild(list);

    // portrait
    var item = document.createElement("li");
    list.appendChild(item);
    var wrap = document.createElement("div");
    wrap.classList.add("fm-radio-wrap");
    item.appendChild(wrap);

    var portraitRadio =...