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. | |
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. |