Articles in this section
Category / Section

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

Published:
Updated:

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>

Note: By default, showToolbar is set to true.

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>

Note: By default, items is set to ej.ReportDesigner.ToolbarItems.All.

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.
New.png
Open Displays the open dialog box to retrieve an existing report.
Open.png
Save Saves the active report to a specified location.
Save.png
Cut Removes the selected item from the active report.
Cut.png
Copy Copies selected text or object to the clipboard.
Copy.png
Paste Pastes the item that was cut or copied into the report from the clipboard.
Paste.png
Delete Deletes the selected item or text from the report.
Delete.png
Undo Reverses the last action or deletes the last typed entry.
Undo.png
Redo Reverses the action of the last Undo command.
Redo.png
Zoom Used to “zoom in” for a close-up view of a report or “zoom out” to see more of the page.
Zoom.png
Order Used to change the layout order of report items in the design area surface
Order.png
Center Aligns all report items to the center position of the design surface in horizontal or vertical direction.
Center.png
Alignment Aligns the selected report item on the design surface
Alignment.png
Distribute Distributes selected report items at equal intervals from each other
Distribute.png
Sizing Equally sizes the selected report items on the design surface.
Sizing.png
AlignGrid Snaps the selected report items to the closest gridline.
AlignGrid.png
EditDesign Switches from preview to design view of the report.
EditDesign.png
View Contains options to show or hide Header, Footer, Grid Lines, and Snap To Shape in the report design.
View.png
Preview Previews the active report in the report viewer.
Preview.png
All Shows all the toolbar items.
Was this article useful?
Like
Dislike
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied