Responsive layout rendering of ASP.NET Report Viewer

To make the Bold Reports^® ASP.NET Web Forms Report Viewer render responsively, set the isResponsive property to true. The Report Viewer then renders optimal user interfaces for phone, tablet, or desktop form factors, so your application scales on all form factors.

<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 the Report Viewer toolbar items.

Responsive layout

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

See also

• Toolbar customization in the ASP.NET Web Forms Report Viewer
• Print reports in the ASP.NET Web Forms Report Viewer
• ASP.NET Web Forms Report Viewer samples and demos