Overriding default formatting styles in the conditional formatting view

Conditional formatting

by Flexmonster Pivot Table

HTML

<script src="https://cdn.flexmonster.com/flexmonster.js"></script>

<p>Click the <strong>Add condition</strong> button to see the new default formatting styles.</p>

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

CSS

@import url(https://cdn.flexmonster.com/assets/jsfiddle-styles.css);

JavaScript

const pivot = new Flexmonster({
  container: "pivot-container",
  componentFolder: "https://cdn.flexmonster.com/",
  toolbar: true,
  report: {
    dataSource: {
      filename: "data/data.csv"
    }
  },
  beforetoolbarcreated: function(toolbar) {
    toolbar.defaults.defaultConditionalFormat = {
      fontFamily: "Verdana",
      fontSize: "14px",
      color: "#E0F2F1",
      backgroundColor: "#00897B"
  	};
  },
  reportcomplete: function() {
  	pivot.off("reportcomplete");
  	pivot.toolbar.showConditionalFormattingDialog();
  }
});