enum
Shows or hides the grouped items in the toolbar with the help of ej.ReportDesigner.ToolbarItems enum.
| Name | Description |
|---|---|
| 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 Report Designer internal clipboard |
| Paste | Pastes the item that cut or copied into (the position of the insertion point) the report from the Report Designer internal clipboard |
| Delete | Deletes the selected item or text from the report. |
| Undo | Reverses the last action or deletes the last entry that is typed. |
| Redo | Reverses the action of the last Undo command. |
| Zoom | Used to “zoom in” to get a close-up view of a report or “zoom out” to see more of the page at a reduced size |
| Order | Used to change the layout order of report items in design area surface |
| Center | Aligns all report items to the center position of design surface in horizontal or vertical direction. |
| Alignment | Aligns the selected report item in the design surface |
| Distribute | Distributes selected report items at equal intervals from each other |
| Sizing | Equally size the selected report items in 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, Snap To Shape in the report design. |
| Preview | Previews the active report in report viewer. |
| All | Shows all the toolbar items. |
Defaults to ej.ReportDesigner.ToolbarItems.All
Examples
Show all toolbar items
<div id="container"></div>
<script>
$("#container").boldReportDesigner({
toolbarSettings: { items: ej.ReportDesigner.ToolbarItems.All }
});
</script>Hide all toolbar items
<div id="container"></div>
<script>
$("#container").boldReportDesigner({
toolbarSettings: { items: ~ej.ReportDesigner.ToolbarItems.All }
});
</script>Hide Zoom option from toolbar
<div id="container"></div>
<script>
$("#container").boldReportDesigner({
toolbarSettings: { items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Zoom }
});
</script>Hide Open and Save option from toolbar
<div id="container"></div>
<script>
$("#container").boldReportDesigner({
toolbarSettings: { items: ej.ReportDesigner.ToolbarItems.All & ~ej.ReportDesigner.ToolbarItems.Open & ~ej.ReportDesigner.ToolbarItems.Save }
});
</script> boolean
Shows or hides the toolbar.
Defaults to true
Examples
Show report designer toolbar.
<div id="container"></div>
<script>
$("#container").boldReportDesigner({
toolbarSettings: { showToolbar: true }
});
</script>Hide report designer toolbar.
<div id="container"></div>
<script>
$("#container").boldReportDesigner({
toolbarSettings: { showToolbar: false }
});
</script> string
Specifies the toolbar template ID.
Defaults to empty
Examples
<div id="container"></div>
<script>
$("#container").boldReportDesigner(
{
toolbarSettings:{templateId: "customtoolbarId"}
});
</script>