Search results
Suggest a FeaturePDF

toolbarSettings

Properties

items

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>

showToolbar

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>

templateId

string

Specifies the toolbar template ID.

Defaults to empty

Examples

<div id="container"></div>
<script>
$("#container").boldReportDesigner(
    {
        toolbarSettings:{templateId: "customtoolbarId"}
    });
</script>
Contents
Having trouble getting help?Contact Support
Contents
Having trouble getting help?Contact Support