ReportViewer Height

Tuesday, February 21, 2006 8:53 AMMiXen

0
Sign In to Vote
Hello,

I try to embed my Reports of Reporting Services to ASP .NET Application. I use ReportViewer component of Visual Studio 2005.
When I try to set Height property to 100% there is no report content shown. I tried to set SizeToReportContent property but there wasn't success.
At the same time when I set Height to any particular value e.g. 400px, everything is OK. But of cousre I can't know particular height for every reports.
Did you have any such problems? Can you help me?

Thank you,
- Reply
- Quote

Answers

Monday, March 06, 2006 11:26 PMBrian Hartman - MSFTMSFT, Moderator

6
Sign In to Vote
SizeToReportContent has no effect when AsyncRendering = true. If you set AsyncRendering = false, which renders the report contents inline (versus being in an iframe), then SizeToReportContent will work.
- Reply
- Quote
Thursday, February 23, 2006 3:06 AMBrian Hartman - MSFTMSFT, Moderator

0
Sign In to Vote
Xhtml does not treat percentage height the same way as traditional html. Take a look at www.gotreportviewer.com, FAQ #14.
- Reply
- Quote

All Replies

Thursday, February 23, 2006 3:06 AMBrian Hartman - MSFTMSFT, Moderator

0
Sign In to Vote
Xhtml does not treat percentage height the same way as traditional html. Take a look at www.gotreportviewer.com, FAQ #14.
- Reply
- Quote
Friday, March 03, 2006 6:10 PMthefnordling

0
Sign In to Vote
I also cannot get SizeToReportContent = True to work on my web form report viewer controls. Is this a bug or are we overlooking something?
- Reply
- Quote
Monday, March 06, 2006 11:26 PMBrian Hartman - MSFTMSFT, Moderator

6
Sign In to Vote
SizeToReportContent has no effect when AsyncRendering = true. If you set AsyncRendering = false, which renders the report contents inline (versus being in an iframe), then SizeToReportContent will work.
- Reply
- Quote
Tuesday, September 26, 2006 3:33 PMdreadjr

0
Sign In to Vote
I wrote some javascript to size the report after it was loaded, using the AsyncRendering = true.
- Reply
- Quote
Thursday, October 12, 2006 8:15 PMkorggy

0
Sign In to Vote
When I set AsyncRendering=true, I get an error message when the user tries to navigate to the second page of my report: " Page navigation is out of range."

When I set AsyncRendering=false, it works correctly.

I am using a remote report.
- Reply
- Quote

Thursday, October 12, 2006 9:46 PM

korggy

korggy wrote:

When I set AsyncRendering=true, I get an error message when the user tries to navigate to the second page of my report: " Page navigation is out of range."

When I set AsyncRendering=false, it works correctly.

I am using a remote report.

I figured out a workaround. See this post.

Friday, November 24, 2006 7:28 AMRenatoBuda

0
Sign In to Vote
Would it be possible to post your javascript?

I still get scrollbars even when AsyncRendering=false SizeToReportContent=true
- Reply
- Quote
Wednesday, January 10, 2007 12:29 PMGabeH

0
Sign In to Vote
dreadjr wrote:
I wrote some javascript to size the report after it was loaded, using the AsyncRendering = true.

Can you please share that with the rest of us please?
- Reply
- Quote
Tuesday, June 12, 2007 4:26 PMlambrite

0
Sign In to Vote
This is the script that I am using. If you resize a window, you then have to refresh the page to resize the viewer, but there is probably a workaround for that, too.

css style

.fullheight{margin-bottom:120px;}

javascript

<script language="JavaScript" type="text/JavaScript">

window.onload=function resize(){

var viewer = document.getElementById("<%=ReportViewer1.ClientID %>");

var htmlheight = document.documentElement.clientHeight;

viewer.style.height = (htmlheight - 120) + "px";

}

</script>

<rsweb:ReportViewer ID="ReportViewer1" runat="server" Font-Names="Verdana" Font-Size="8pt"

ProcessingMode="Remote" Width="100%" CssClass="fullheight">

</rsweb:ReportViewer>
- Reply
- Quote

Monday, September 24, 2007 6:55 PM

Higgaion

thanks for pointing me in the right direction. I wrote this to get rid of the duplicate scrollbars in async mode.

<body>

    <script language="JavaScript" type="text/JavaScript">

    window.onload=function RemoveScrollbars()

    { 

        document.getElementById("<%=ReportViewer1.ClientID %>").lastChild.firstChild.style.overflow = "visible";

    } 

    </script>

    <form runat="server" action="Report.aspx" >

      <rsweb:ReportViewer 

            ID="ReportViewer1" 

            runat="server"

            ProcessingMode="Remote"  

            AsyncRendering="false" 

            SizeToReportContent="true" />    

    </form>

</body>

I gleened this navagation from the nifty tree view in the IE Developer Toolbar.

works like a charm!

Wednesday, October 24, 2007 2:18 PMlazyfellow

0
Sign In to Vote
Thaks dude you information is very useful
- Reply
- Quote
Friday, January 11, 2008 5:42 PMroadragedsb

0
Sign In to Vote
I figured out a really simple way to get rid of the scrollbars. Put the ReportViewer control in a div and set the div's style to "overflow: visible;". The ReportViewer inherits this style and no more scrollbars.
- Reply
- Quote
Friday, August 08, 2008 1:01 PMFreedon Nadd

0
Sign In to Vote
Hi,

I found this forum to help me about ReportViewer Height.

I tried the JavaScript to help Remove the scroll bars, it works fine, thank you.

But I'm trying to use PromptAreaCollapsed () but I can't figure out how to use it.

<script language="JavaScript" type="text/JavaScript">

window.onload=function RemoveScrollbars()

{

var viewer = document.getElementById("<%=m_ReportViewer.ClientID %>");

viewer.PreRender = PreRenderResize()

}

function PreRenderResize()

{

var viewer = document.getElementById("<%=m_ReportViewer.ClientID %>");

var htmlheight = document.documentElement.clientHeight;

if( viewer.PromptAreaCollapsed() == true )

{

viewer.style.height = (htmlheight - 129) + "px";

else

{

viewer.style.height = (htmlheight - 241) + "px";

}

}

</script>

Thanks for your help.

Freedon
- Reply
- Quote
Thursday, September 11, 2008 11:05 PMMikeSchuch

1
Sign In to Vote
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="TaskReportNewRender.aspx.vb" Inherits="Reports_TaskReportNewRender" %>
<%@ 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 id="Head1" runat="server">
    <title></title>
<style type="text/css">
html, body
{
    margin:0;
    padding:0;
}
</style>
</head>
<body>

<script language="JavaScript" type="text/JavaScript">
window.onresize = function ResizeReport() {
    var viewer = document.getElementById("<%=ReportViewer1.ClientID %>");
    viewer.PreRender = PreRenderResize()
}
window.onload=function RemoveScrollbars() {
    window.st
    var viewer = document.getElementById("<%=ReportViewer1.ClientID %>");
    viewer.PreRender = PreRenderResize()
}

function PreRenderResize()
{
    var viewer = document.getElementById("<%=ReportViewer1.ClientID %>");
    var htmlheight = document.documentElement.clientHeight;
    viewer.style.height = (htmlheight - 140) + "px";

}

</script>

    <form id="form1" runat="server">
    <div>
        <rsweb:ReportViewer ID="ReportViewer1" runat="server" ProcessingMode="Remote" Width="100%">
        </rsweb:ReportViewer>
    </div>
    </form>
</body>
</html>
- Reply
- Quote
Thursday, July 02, 2009 7:09 PMzhengokusa

0
Sign In to Vote
this works perfectly. no javascript needed. just need to set AsyncRendering="false".
- Reply
- Quote