Search results
PDF

Responsive layout rendering of ASP.NET Report Viewer

Report Viewer will adaptively render itself with optimal user interfaces for phone, tablet, or desktop form factors. This helps your application to scale elegantly on all form factors with ease. You can enable responsive layout rendering in Report Viewer by setting isResponsive property to true.

<div style="height: 650px;width: 950px;min-height:404px;">
    <Bold:ReportViewer runat="server" ID="viewer"
        ReportServiceUrl="/api/ReportViewer"
        ReportPath="~/Resources/sales-order-detail.rdl"
        IsResponsive="true">
    </Bold:ReportViewer>
</div>

Normal layout

The following output shows the normal layout rendering of Report Viewer tool bar items.

Rendering of Report Viewer tool bar items in normal layout

Responsive layout

The following output shows the responsive layout rendering of Report Viewer tool bar items.

Rendering of Report Viewer tool bar items in responsive layout

Contents
Having trouble getting help?Contact Support
Contents
Having trouble getting help?Contact Support