CODEWITHSUNDEEP
webdatarocks
C Halsema
C Halsema

Reputation: 61

WebDataRocks - How do I hide the "hamburger" field list menu?

Nice product. In WebDataRocks angular, how do I hide the "hamburger" field list menu?

enter image description here

I tried CSS overrides :host .wdr-fields-view-wrap { position: absolute; z-index: -4; }

Upvotes: 0

Views: 157

Answers (1)

Maxym Diachenko
Maxym Diachenko

Reputation: 21

To hide the field list menu, you can set the configuratorButton option as false inside the options object:

const pivot = new WebDataRocks({
  container: "#wdr-component",
  toolbar: true,
  height: 400,
  report: {
    dataSource: {
      type: "csv",
      filename: "https://cdn.webdatarocks.com/data/data.csv"
    },
    options: {
      configuratorButton: false
    },
  }
});
<link href="https://cdn.webdatarocks.com/latest/webdatarocks.min.css" rel="stylesheet"/>
<script src="https://cdn.webdatarocks.com/latest/webdatarocks.toolbar.min.js"></script>
<script src="https://cdn.webdatarocks.com/latest/webdatarocks.js"></script>

<div id="wdr-component"></div>

Upvotes: 1

Related Questions