I'm displaying .rdlc report file using Report viewer control on Webform. If  I Fix height of viewer control and data is not same as to size of viewer control then it display one scrollbar on viewer control and second vertical scroll bar is coming on webpage.

 I want to off viewer vertical scrollbar or in simple word's I don't want to display two scroll bar with my report. Please guide me or send me reference if any.

Thanks,

You to set two properties to make the repoertviewer autosize:

AsyncRendering = false;

and

SizeToReportContent = true;

By the way that solution doesn't work :(

Here's what I did to remove the vertical scrollbar.

1. Set the webpart height to 800px (or whatever suits your needs).
2. Locate the Div ID that wraps around the web part (example: #ctl00_ctl10_g_002108f3_8e9e_47f6_aa29_dce37c6009)
3. In a stylesheet like master.css add this line at the bottom:

#ctl00_ctl10_g_002108f3_8e9e_47f6_aa29_dce37c6009 {
 overflow: hidden !important;
}

AsyncRendering = false; and SizeToReportContent = true; it is working fine but navigation feature is not working

bye

narasimha

Even I had the same problem..

by doing the following stuff works here,

AsynRendering="true",Width="100%",Height="Whatever u want", ** style="margin-bottom:30px(in mine case)"

Hope it help u too ...

This made the trick for me, great and simple idea!

thanks !

rmandal:

Even I had the same problem..

by doing the following stuff works here,

AsynRendering="true",Width="100%",Height="Whatever u want", ** style="margin-bottom:30px(in mine case)"

Hope it help u too ...

pabloah:

This made the trick for me, great and simple idea!

thanks !

rmandal:

Even I had the same problem..

by doing the following stuff works here,

AsynRendering="true",Width="100%",Height="Whatever u want", ** style="margin-bottom:30px(in mine case)"

Hope it help u too ...

Once you use a complex report you'll realize it doesn't solve the issue.

It's a bug in Microsoft's horribly ugly control. It's really surprising that MS out something like that. 

We contacted support and they told us it's bug and there isn't any plan of fixing it as of now.

Nick

greenerist:

Here's what I did to remove the vertical scrollbar.

1. Set the webpart height to 800px (or whatever suits your needs).
2. Locate the Div ID that wraps around the web part (example: #ctl00_ctl10_g_002108f3_8e9e_47f6_aa29_dce37c6009)
3. In a stylesheet like master.css add this line at the bottom:

#ctl00_ctl10_g_002108f3_8e9e_47f6_aa29_dce37c6009 {
 overflow: hidden !important;
}

I needed a similar but different solution. Report viewer in an aspx page with just one hyperlink above the RV had 

Width="100%" Height="100%" AsyncRendering="false" SizeToReportContent="true"

 but the report data almost always had scrollbars in addition to the browser's.  Using F12 in IE8 I found the div with overflow:auto causing the problem with an ID like P04d35da423884a1e8480cc04e7080509oReportDiv but the guid part changed so I added

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

 window.onload=

function setstart(){

 var els = document.getElementsByTagName('div');

var i = els.length;

while ( i-- )

if( els[i].id.indexOf('ReportDiv') > 0 )

els[i].style.overflow = 'visible';

}

 </script>

and FINALLY it looks right.

http://tech-days.blogspot.com/2009/11/sql-server-report-viewer-autosize.html

Hi,

Adjust the report borders means try to avoid the blank space between your design envirronment and report borders. If you are not properly adjust these borders it may take more space for report while rendering, because of this you will get scroll bars in the report.