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>
The following output shows the normal layout rendering of Report Viewer tool bar items.
The following output shows the responsive layout rendering of Report Viewer tool bar items.