none
ReportViewer control rendering too wide on WebForm RRS feed

  • Question

  • I have a ReportViewer (ver 10) that is rendering far wider than the box it's meant to display in. The problem is that the Parameters area is appearing much wider than the actual report area. If I put an "overflow: auto" in the div that contains the ReportViewer control, then I get a horizontal scrollbar at the bottom, but then in order to click the "View Report" button I have to scroll way over, thus moving the entire report.

    Ideally I would like the Parameters area to stay stationary, but a horizontal scrollbar to appear on the report area so that it can be scrolled if necessary. What is the best way to go about doing this? 

    Here's what my control setup looks like now:

    <div class="reportingFrame" style="text-align: center; width: 100%; overflow: auto">
       
    <sam:ReportViewer ID="UiReportViewer" runat="server"
            AsyncRendering
    ="False"
            ProcessingMode
    ="Remote"
            ShowExportControls
    ="False"
            ShowPrintButton
    ="False"
            ShowPromptAreaButton
    ="False"
            ShowRefreshButton
    ="False"
            SizeToReportContent
    ="True"
            Width
    ="100%" />
    </div>
    Tuesday, February 8, 2011 8:55 PM

All replies

  • Doesn't the ReportViewer itself already contain a scrollbar for you to scroll horizontally? I don't see why you need the "overflow:auto" style. If you don't allow overflow in the container, then the ReportViewer should render as you desire. And if the report is too large horizontally, you can use ReportViewer's own scroll bar for that.
    Cephas Lin This posting is provided "AS IS" with no warranties.
    Wednesday, February 9, 2011 3:35 PM
    Moderator