Members

Properties

configurePaneSettings

ConfigurePaneSettings

Shows or hides the items of configuration pane in ReportDesigner control.

dataTabIndex

enum

Gets or sets the tab index of data panel.

Defaults to ej.ReportDesigner.DataTab.Dataset

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        dataTabIndex: ej.ReportDesigner.DataTab.Datasource
    });
</script>

The above code snippet will set the datasource panel as default tab in data panel.

disableCodeModule

boolean

Set the property as true to disable the code module configuration in RDL reports.

Defaults to false

Example

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

enableRuler

boolean

Set the property as false to disable the Ruler in the report design area.

Defaults to true

Example

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

enablePageMargin

boolean

Set the property to true to enable the visual appearance of the page margin in the report design area.

Defaults to false

Example

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

embedToken

string

Gets or sets the embed token configured with user details, custom attributes, and report parameters to access the Report Server API services, instead of using the service authorization token.

Defaults to empty

Example

<div id="container"></div>
<script>
   $("#container").boldReportDesigner({
     embedToken: token['access_token']
    });
</script>

enableImpersonate

boolean

Enable or Disable Impersonate option for report designer datasources

Defaults to false

Example

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

enableImageBlobing

boolean

Set the property as true to load images as blob in GET ajax calls.

Defaults to false

Example

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

enableTableMultipleDataAssign

boolean

Set the property as true to enable the option to assign multiple dataset for table report item

Defaults to false

Example

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

enableReportPart

boolean

Set this property to true to allow users to view and publish report items as reusable report parts.

Defaults to false

Example

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

enableParameterOperator

boolean

Set this property to true to show the option to enable the operators in report parameters.

Defaults to false

Example

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

filterDataConnectors

array

Gets or sets the data connectors name as array of strings to filter data connectors in data panel.

Defaults to [ ]

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
            filterDataConnectors: ['SQL', 'MariaDB', 'MySQL']
    });
</script>

The above code snippet will enable 'SQL', 'MariaDB', and 'MySQL' data connectors in data panel, other connectors will be hidden.

Refer to the Data Connector Names section for a complete list of supported items and their input text values.

filterReportItems

array

Gets or sets the report items name as array of strings to filter report items in item panel.

Defaults to [ ]

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
            filterReportItems: ['Textbox', 'Pie', 'Funnel']
    });
</script>

The above code snippet will enable 'Textbox', 'Pie', and 'Funnel' report items in item panel, other report items will be hidden.

Refer to the Report Item Names section for a complete list of supported items and their input text values.

fontNames

array

Gets or sets the list of custom font names.

Defaults to [ ]

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
            fontNames: ['RobotoRegular', 'OpenSans', 'Montserrat']
    });
</script>

locale

string

Specifies the locale for report designer.

Defaults to en-US

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
            locale: "fr-FR"
    });
</script>

permissionSettings

PermissionSettings

Shows or hides the create, edit, and delete options in data source and dataset panels.

previewOptions

PreviewOptions

Gets or sets the properties, events and methods of Report Viewer component for report preview action from Report Designer.

reportDataExtensions

ReportDataExtensions

Gets or sets the list of custom data extension items.

Defaults to [ ]

reportItemExtensions

ReportItemExtensions

Gets or sets the list of custom report items.

Defaults to [ ]

reportPath

string

Gets or sets the report path of server.

Defaults to null

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        reportPath: "/Sample Reports/invoice"
    });
</script>

reportVersion

string

Gets or sets the schema version of the report.

Defaults to 2016

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        reportVersion: "2010"
    });
</script>

reportType

enum

Gets or sets the report type.

Defaults to ej.ReportDesigner.ReportType.RDL

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        reportType: ej.ReportDesigner.ReportType.RDLC
    });
</script>

reportServerUrl

string

Gets or sets the reports server URL.

Defaults to null

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        reportServerUrl: "https://reportserver.syncfusion.com/"
    });
</script>

serviceAuthorizationToken

string

Gets or sets the service authorization token to access the Report Server API services.

Defaults to empty

Example

<div id="container"></div>
<script>
   $("#container").boldReportDesigner({
     serviceAuthorizationToken: token['token_type'] + ' ' + token['access_token']
    });
</script>

serviceUrl

string

Gets or sets the URL of the WebAPI service; it will be used for processing the report.

Defaults to null

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        serviceUrl: '../../api/ReportingService'
    });
</script>

toolbarSettings

ToolbarSettings

Defines the settings of the ReportDesigner toolbar.

waitingPopupTemplate

string

Gets or sets the waiting popup template for the Report designer.

Defaults to null

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
         waitingPopupTemplate: '<div id="customLoadingtemplate" style="background-image:url(../../load_light.gif); width: 200px; height: 15px"><p>Loading report... </p></div>'
    });
</script>

zoomFactor

enum

Gets or sets the zoom factor for report designer.

Defaults to ej.ReportDesigner.ZoomFactor.Z_100

Example

<div id="container"></div>
<script>
    $("#container").boldReportDesigner({
        zoomFactor: ej.ReportDesigner.ZoomFactor.Z_200
    });
</script>