How to Control the Visibility of the Toolbar and Toolbar Items in Bold Reports Embedded Designer

In Embedded Bold Reports Designer, you can control the visibility of the Toolbar and Toolbar items in Reports Designer using the API member toolbarSettings.

Hide the Toolbar from Report Designer

You can hide the entire Toolbar in Report Designer by using the API member toolbarSettings and setting the property showToolbar to false.

<div id="container"></div>
<script>
   $("#container").ejReportDesigner({
       toolbarSettings: { showToolbar: false}
   });
</script>

Show All Toolbar Items in the Toolbar

The following code will show all toolbar items.

<div id="container"></div>
<script>
   $("#container").ejReportDesigner({
       toolbarSettings: { items: ej.ReportDesigner.ToolbarItems.All }
   });
</script>

Hide All Toolbar Items in the Toolbar

The following code will hide all toolbar items.

<div id="container"></div>
<script>
   $("#container").ejReportDesigner({
       toolbarSettings: { items: ~ej.ReportDesigner.ToolbarItems.All }
   });
</script>

Hide Open and Save Items from Toolbar

The following code will hide the Open and Save options from the toolbar.

<div id="container"></div>
<script>
   $("#container").boldReportDesigner({
       toolbarSettings: { items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Open & ~ej.ReportDesigner.ToolbarItems.Save }
   });
</script>

List of Items in Toolbar

Shows or hides the grouped items in the toolbar with the help of the enum ej.ReportDesigner.ToolbarItems.

Name	Description	Toolbar Item Image
New	Creates a new, blank report.
Open	Displays the open dialog box to retrieve an existing report.
Save	Saves the active report to a specified location.
Cut	Removes the selected item from the active report.
Copy	Copies selected text or object to the clipboard.
Paste	Pastes the item that was cut or copied into the report from the clipboard.
Delete	Deletes the selected item or text from the report.
Undo	Reverses the last action or deletes the last typed entry.
Redo	Reverses the action of the last Undo command.
Zoom	Used to “zoom in” for a close-up view of a report or “zoom out” to see more of the page.
Order	Used to change the layout order of report items in the design area surface
Center	Aligns all report items to the center position of the design surface in horizontal or vertical direction.
Alignment	Aligns the selected report item on the design surface
Distribute	Distributes selected report items at equal intervals from each other
Sizing	Equally sizes the selected report items on the design surface.
AlignGrid	Snaps the selected report items to the closest gridline.
EditDesign	Switches from preview to design view of the report.
View	Contains options to show or hide Header, Footer, Grid Lines, and Snap To Shape in the report design.
Preview	Previews the active report in the report viewer.
All	Shows all the toolbar items.