Responsive layout rendering of ASP.NET MVC Report Viewer

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

@(Html.Bold().ReportViewer("viewer")
    .ReportServiceUrl("/api/ReportViewer")
    .ReportPath("~/Resources/sales-order-detail.rdl")
    .IsResponsive(true)
)

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 MVC Report Viewer
• Print reports in the ASP.NET MVC Report Viewer
• ASP.NET MVC Report Viewer samples and demos