configurePaneSettings

Properties

items

enum

Shows or hides the grouped items in the configuration pane with the help of ej.ReportDesigner.ConfigureItems enum.

Name Description
Property Shows or hides the properties panel in configuration pane
Data Shows or hides the data panel in configuration pane
Parameter Shows or hides the parameter panel in configuration pane
ImageManager Shows or hides the image manager panel in configuration pane
All Shows all the configuration pane items

Defaults to ej.ReportDesigner.ConfigureItems.All

Example

  • Show all configure pane items.

    <div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        configurePaneSettings: { items: ej.ReportDesigner.ConfigureItems.All }
    });
</script>

  • Hide all configure pane items.

    <div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        configurePaneSettings: { items: ~ej.ReportDesigner.ConfigureItems.All }
    });
</script>

  • Hide Properties panel from configure pane items.

    <div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        configurePaneSettings: { items: ej.ReportDesigner.ConfigureItems.All & ~ej.ReportDesigner.ConfigureItems.Property}
    });
</script>

  • Hide all items except Data panel from configure pane items.

    <div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        configurePaneSettings: { items: ej.ReportDesigner.ConfigureItems.All & ~ej.ReportDesigner.ConfigureItems.Property  & ~ej.ReportDesigner.ConfigureItems.Parameter  & ~ej.ReportDesigner.ConfigureItems.ImageManager}
    });
</script>

showPane

boolean

Shows or hides the configuration pane in ReportDesigner control.

Defaults to true

Example

  • Show configure pane.

    <div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        configurePaneSettings: { showPane: true }
    });
</script>

  • Hide configure pane.

    <div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        configurePaneSettings: { showPane: false }
    });
</script>