Search results

configurePaneSettings

Properties

items enum

<ts name="ej.ReportDesigner.ConfigureItems"/>

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

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

Default Value

  • ej.ReportDesigner.ConfigureItems.All

Example

  • Show all configure pane items.
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
        configurePaneSettings: { items: ej.ReportDesigner.ConfigureItems.All }
    });
</script>
  • Hide all configure pane items.
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
        configurePaneSettings: { items: ~ej.ReportDesigner.ConfigureItems.All }
    });
</script>
  • Hide Properties panel from configure pane items.
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
        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").ejReportDesigner({
        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.

Default Value

  • true

Example

  • Show configure pane.
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
        configurePaneSettings: { showPane: true }
    });
</script>
  • Hide configure pane.
<div id="container"></div>
<script>
    $("#container").ejReportDesigner({
        configurePaneSettings: { showPane: false }
    });
</script>