Report Viewer SDK
Schedule Free Demo
Try it Free
Search results
Suggest a FeaturePDF

Members

dataSources

dataSources

Gets or sets the list of data sources for the RDLC report.

Defaults to []

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ dataSources: [{name:"Menu Items",
    values:[{ OrderId: "21D60", FoodName: "Burger", Price: 20, Category: "Veg" },
            { OrderId: "21D61", FoodName: "Pizza", Price: 25, Category: "Non-Veg" },
            { OrderId: "21D63", FoodName: "Sandwiches", Price: 30, Category: "Non-Veg" },
            { OrderId: "21D65", FoodName: "Chicken Drum Sticks", Price: 23, Category: "Non-Veg" },
            { OrderId: "21D64", FoodName: "Fulka", Price: 15, Category: "Veg" }]}]
    });
    </script>

exportSettings

exportSettings

Specifies the export settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
            exportSettings:{ excelFormat: ej.ReportViewer.ExcelFormats.Excel2013,
            wordFormat: ej.ReportViewer.WordFormats.Docx
            }
        });
</script>

isResponsive

boolean

When set to true, adapts the report layout to fit the screen size of devices on which it renders.

Defaults to true

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ isResponsive: true });
</script>

locale

string

Specifies the locale for report viewer.

Defaults to en-US

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
            locale: "it-IT"
        });
</script>

pageSettings

pageSettings

Specifies the page settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
            pageSettings:{ paperSize: ej.ReportViewer.PaperSize.A4,
            height: 11.69,
            width: 8.27
            }
        });
</script>

parameters

parameters

Gets or sets the list of parameters associated with the report.

Defaults to []

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({
        parameters: [{
            name:"Vehicle",
            labels:["Motor Bikes"],
            prompt:"Please select the color",
            values:["Red","Green","Blue","Yellow","Black"],
            nullable:false
        }]
    });
</script>

toolbarSettings

toolbarSettings

Specifies the toolbar settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
            toolbarSettings:{ showTooltip: true }
        });
</script>

parameterSettings

parameterSettings

Specifies the parameter settings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
            parameterSettings: {
                delimiterChar: ",",
                popupHeight: "200px",
                popupWidth: "150px",
                itemWidth: '250px',
                labelWidth: 'auto',
                attributes: { 'autocomplete': 'off' },
                hideParameterBlock: false,
                timeDisplayFormat: "h:mm tt",
                dateTimeFormat: "M/d/yyyy",
                timeInterval: 30,
                accessInternalValue: true
            }
        });
</script>

printMode

boolean

Enables and disables the print mode.

Defaults to false

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
            printMode:true
        });
</script>

printOption

enum

Specifies the print option of the report.

Name Description
Default Specifies the Default property in printOptions.
NewTab Specifies the NewTab property in printOptions.
None Specifies the None property in printOptions.

Defaults to ej.ReportViewer.PrintOptions.Default

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ printOption: ej.ReportViewer.PrintOptions.Default });
</script>

processingMode

enum

Specifies the processing mode of the report.

Name Description
Remote Specifies the Remote property in processingMode.
Local Specifies the Local property in processingMode.

Defaults to ej.ReportViewer.ProcessingMode.Remote

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ processingMode: ej.ReportViewer.ProcessingMode.Remote });
</script>

renderMode

enum

Specifies the render layout.

Name Description
Default Specifies the Default property in RenderMode to get default output.
Mobile Specifies the Mobile property in RenderMode to get specified output.
Desktop Specifies the Desktop property in RenderMode to get specified output.

Defaults to ej.ReportViewer.RenderMode.Default

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ renderMode: ej.ReportViewer.RenderMode.Default });
</script>

reportPath

string

Gets or sets the path of the report file.

Defaults to empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ reportPath: "~/App_Data/Sample.rdl" });
</script>

reportServerUrl

string

Gets or sets the reports server URL.

Defaults to empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ reportServerUrl: "http://mvc.syncfusion.com/reportserver" });
</script>

reportServiceUrl

string

Specifies the report Web API service URL.

Defaults to empty

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ reportServiceUrl: "../api/RDLReport" });
</script>

zoomFactor

number

Gets or sets the zoom factor for report viewer.

Defaults to 1

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ zoomFactor:  2 });
</script>

serviceAuthorizationToken

string

Specifies the token for authorizing reporting service URL to process the reports.

Defaults to empty

Example

<div id="report-viewer"></div>
<script>
    $(function () {
            var dataValue = "";
            var apiRequest = new Object();
            apiRequest.password = "demo";
            apiRequest.userid = "guest";
            $.ajax({
                type: "POST",
                url: "http://reportserver.syncfusion.com/api/get-user-key",
                data: apiRequest,
                success: function (data) {
                    dataValue = data.Token;
                    var token = JSON.parse(dataValue);
                    $("#report-viewer").boldReportViewer(
                        {
                            reportServiceUrl: "http://reportserver.syncfusion.com/ReportService/api/Viewer",
                            serviceAuthorizationToken: token["token_type"] + " " + token["access_token"],
                            reportPath: '/Sample Reports/Company Sales'
                        });
                }
            });
        });
</script>

toolbarRenderMode

enum

Specifies the toolbar render mode of the report.

Name Description
Native Specifies the Native property in toolbarRenderMode.
Classic Specifies the Classic property in toolbarRenderMode.

Defaults to ej.ReportViewer.ToolbarRenderMode.Native

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer({ toolbarRenderMode: ej.ReportViewer.ToolbarRenderMode.Classic });
</script>

enableParameterBlockScroller

boolean

Enables and disables the parameter block scroller.

Defaults to true

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            enableParameterBlockScroller: false
        });
</script>

enableDatasourceBlockScroller

boolean

Enables and disables the data source credential block scroller.

Defaults to true

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            enableDatasourceBlockScroller: false
        });
</script>

sizeToReportContent

boolean

Render the Report Viewer height based on the report content size.

Defaults to false

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            sizeToReportContent: true
        });
</script>

autoRender

boolean

Enables and disables the rendering of Viewer when default values are specified for the parameters.

Defaults to true

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            autoRender: false
        });
</script>

enableNotificationBar

boolean

Enables and disables the Error Notification bar.

Defaults to true

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            enableNotificationBar: false
        });
</script>

enableDropDownSearch

boolean

Enables and disables the drop-down parameter search.

Defaults to false

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            enableDropDownSearch: true
        });
</script>

enableVirtualEvaluation

boolean

Set the property value as true to enable the processing of a large amount of data with a lesser memory footprint and without performance degradation.

Defaults to false

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            enableVirtualEvaluation: true
        });
</script>

smartRendering

boolean

Set the property value as true to enable to render the millions of records in seconds.

Defaults to false

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            smartRendering: true
        });
</script>

`waitingPopupTemplate`

String

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

Defaults to null

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            waitingPopupTemplate: '<div id="customLoadingtemplate" style="background-image:url(https://js.syncfusion.com/demos/web/content/images/waitingpopup/load_light.gif); width: 200px; height: 15px"><p>Loading report... </p></div>'
        });
</script>

enableOnScrollNavigation

boolean

Set the property value as true to enable the processing of a navigating next and previous page using scroller.

Defaults to false

Example

<div id="report-viewer"></div>
<script>
    $("#report-viewer").boldReportViewer(
        {
            enableOnScrollNavigation: true
        });
</script>

customBrandSettings

customBrandSettings

Specifies the customBrandSettings.

Example

<div id="reportviewer"></div>
<script>
    $("#reportviewer").boldReportViewer(
        {
           customBrandSettings: {
                hideHelpLink: false,
                customDomain: 'https://help.boldreports.com',
                customBrandName: 'Bold Reports',
                customLinks: [{ name: 'ESLicenseMessage', url: '/licensing/license-token/' }]
            }
        });
</script>