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.

Responsive layout

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