How to Set the Height and Width of the Blazor Report Viewer
Environment
Product Version | 14.1.20.618 |
Product | Progress® Telerik® Reporting |
Description
This article describes how to set the height and width of the ReportViewer component.
Solution
The Blazor Report Viewer is nested inside a div
element and will resize itself based on the div
's width and height.
The article How to Use Blazor Report Viewer demonstrates one possible approach:
a style
element with the following code:
<style>
#rv1 {
position: relative;
width: 1200px;
height: 600px;
}
</style>
Depending on your application's requirements, you can adjust the position, for example:
<style>
#rv1 {
width: 85%;
height: 90%;
position: absolute;
}
</style>
This solution represents only one of many possible answers that depend on the page's DOM and other CSS configuration.