We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to render the ReportViewer Control on Mobile/Desktop layout?

Platform: JavaScript |
Control: ejReportViewer |
Published Date: May 27, 2015 |
Last Revised Date: May 22, 2019

This article explains how to render the ReportViewer control on Mobile/Desktop layout.

You can refer to the Getting Started of JavaScript ReportViewer from the following User Guide link.

http://help.syncfusion.com/ug/js/Documents/createyourfirstreportviewerinjavascript.htm

 

Rendering the ReportViewer on Mobile/Desktop layout

The JavaScript ReportViewer control provides inherent support to render mobile/desktop layout. Initially ReportViewer control renders Mobile/Desktop layout based on the device and you can modify this layout option by using the renderMode property.

 

The ReportViewer has the following RenderMode enum options:

Default

Combination of mobile and desktop Layout based on the Device

Desktop

Desktop layout

Mobile

Mobile Layout

 

The following code example explains how to render the ReportViewer control on Mobile layout.

JS

<script type="text/javascript">
        $(function () {
            $("#container").ejReportViewer(
                {
                    reportServiceUrl: "/api/ReportApi",
                    renderMode: ej.ReportViewer.RenderMode.Mobile,
                    processingMode: ej.ReportViewer.ProcessingMode.Remote,
                    reportPath: "~/App_Data/InvoiceTemplateXML.rdl"
                });
        });
    </script>

 

Run the sample application and you can see the ReportViewer on the page as displayed in the following screenshot.

Sample is Generate in ReportViewer

Figure 1: ReportViewer

Demo Sample

You can download the Demo Sample from the following link.

http://www.syncfusion.com/downloads/support/directtrac/138577/ReportViewerSample1364595447.zip

Further References 

You can find the documentation and online demo samples for JavaScript ReportViewer control from the following link.

http://js.syncfusion.com/demos/web/ReportViewer

ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon