The Toolbar

Our reporting tool comes with the Toolbar, which gives you access to the most useful features. This article explains how to use the Toolbar.

Show the Toolbar

By default, the Toolbar is hidden in WebDataRocks.

To show the Toolbar, specify the toolbar: true parameter when creating a WebDataRocks instance:

let pivot = new WebDataRocks({
    container: "#wdr-component",
    toolbar: true
});

Hide the Toolbar

If you want your component to be shown without the Toolbar, you can remove toolbar: true from your code or set the toolbar parameter to false:

let pivot = new WebDataRocks({
	container: "#wdr-component",
	toolbar: false
});

Available functionality

The Toolbar consists of the following tabs:

Connect	Use this tab for connecting to your data source: JSON or CSV.
Open	Choose it to open locally or remotely saved reports.
Save	Allows saving of your current configuration of WebDataRocks into a local JSON file.
Export	This tab can print the current content or export it into various formats.
Format	Choose Format to format numbers or add conditional formatting.
Options	Use Options to show/hide totals or switch between classic, compact and flat table.
Fields	Choose this tab to select which data is shown in rows, columns, and measures.
Fullscreen	Switches WebDataRocks to the fullscreen mode. To exit fullscreen, press Esc.

Adjust the Toolbar to your needs

You can customize the standard view and functionality of the Toolbar: add new tabs, remove the ones you don’t need for your web reporting process. If you are interested in such an option, follow this tutorial: Customize the Toolbar.

See also

• beforetoolbarcreated