Responsive layout rendering of ASP.NET Core Report Viewer

To make the Bold Reports^® ASP.NET Core 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.

<bold-report-viewer id="viewer" report-path="sales-order-detail.rdl" report-service-url="/api/ReportViewer" is-responsive="true">
</bold-report-viewer>

Normal layout

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

How do I make the ASP.NET Core Report Viewer responsive?

To make the Bold Reports^® ASP.NET Core Report Viewer render responsively, set the isResponsive property to true.

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

See also

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