asked on

When Reporting services report is displayed, the scroll bars are not long enough.

I created a web form and added a report viewer control to the page in order to view my reporting services report. The report displays, but is mostly hidden, because the scroll bars for the report only are about one inch, by one inch in dimension. So I changed the width to 100% and that fixed the problem. It did not fix the vertical scroll bar problem though. So I totally removed the height attribute and then the the vertical scroll bar was a little bit longer. how do I fix this problem. I would like for the report to be displayed in entire page so lengthening both scroll bars would be nice.

<tr>
<td style="height: 100%;">
<%-- This is where the ReportViewer control will go. --%>
<rsweb:ReportViewer ID="ReportViewer1" runat="server" ProcessingMode="Remote"
Height="100%" Width="100%" ShowParameterPrompts="False">
</rsweb:ReportViewer>
</td>

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=9.0.0.0, Culture=neutral, PublicKeyToken=b03f5f7f11d50a3a" namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body style="vertical-align: bottom; height: 100%; margin-right: 0px; 
    margin-top: 0px; margin-bottom: 0px; margin-left: 0px; 
    padding-bottom: 0px; padding-top: 0px">
    <form id="form1" runat="server">
   <table style="vertical-align: bottom; border-width: 0px; margin-top: 0px; 
   margin-bottom: 0px; width: 100%; height: 100%; padding: 0px,0px,0px,0px;" 
   cellspacing="0" cellpadding="0">
   
   
   
   
    <tr>
        <td>
            HEADER
             
        </td>
    </tr>
    <tr>
        <td>
            <div style="border-top: black 1px solid; 
                background-color: #ece9d8; border-bottom-width: 1px; 
                border-bottom-color: #d4d0c8; padding-bottom: 10px;">
                   <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
                Custom Controls
                </div>
       </td>
    </tr>
    <tr>
        <td style="height: 100%;">
            <%-- This is where the ReportViewer control will go. --%>
            <rsweb:ReportViewer ID="ReportViewer1" runat="server" ProcessingMode="Remote" 
                Height="100%" Width="100%" ShowParameterPrompts="False">
            </rsweb:ReportViewer>
        </td>
    </tr>
</table>
    </form>
</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION

VikramMullick

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

brgdotnet

ASKER

Actually I am aware of how to use the CSS for styling the report. I discovered that the cause of the problem was that a line of XHTML needed to be deleted. Here is the solution if you wish to read it.
----------------------------------------------------------------------------------------------------------
In the ASP.NET code, you will need to delete (or change) this line:

Collapse Copy Code<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
--------------------------------------------------------------------------------------------------------
Refer to this article:
http://www.codeproject.com/KB/reporting-services/ReportViewer2005.aspx