How I disable vertical scroll bar of report viewer control on Web Form. RSS

• • Reply
  

  vaibhav866

  Member

  44 Points

  36 Posts

  How I disable vertical scroll bar of report viewer control on Web Form.

  Jun 28, 2007 10:12 AM|LINK

  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,

  Vaibhav Jain
• • Reply
  

  bullpit

  All-Star

  21838 Points

  4822 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Jun 28, 2007 12:34 PM|LINK

  You to set two properties to make the repoertviewer autosize:

  AsyncRendering = false;

  and

  SizeToReportContent = true;

  Thanks,
  Max
  Let Me Google That For You!
• • Reply
  

  nick5454

  Member

  587 Points

  486 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Apr 22, 2008 06:34 PM|LINK

  By the way that solution doesn't work :(

• • Reply
  

  greenerist

  Member

  2 Points

  2 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Sep 24, 2008 07:51 PM|LINK

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

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

  #ctl00_ctl10_g_002108f3_8e9e_47f6_aa29_dce37c6009 {
   overflow: hidden !important;
  }
  

• • Reply
  

  rudranarasim...

  Member

  2 Points

  2 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Oct 04, 2008 06:59 AM|LINK

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

  bye

  narasimha

  • Edited by rudranarasimha on Oct 04, 2008 07:00 AM
  • Edited by rudranarasimha on Oct 04, 2008 07:01 AM
• • Reply
  

  rmandal

  Member

  4 Points

  2 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Nov 13, 2008 10:34 AM|LINK

  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 ...[:)]
  

  regards,
  
  Ranu N. Mandan
• • Reply
  

  pabloah

  Member

  10 Points

  5 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Aug 21, 2009 08:04 PM|LINK

  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 ...
  

  
  

• • Reply
  

  nick5454

  Member

  587 Points

  486 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Aug 21, 2009 10:03 PM|LINK

  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

• • Reply
  

  carlcom

  Member

  2 Points

  1 Post

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Nov 06, 2009 09:33 PM|LINK

  greenerist

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

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

  #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.

   

   

  • Edited by carlcom on Nov 06, 2009 09:39 PM
• • Reply
  

  shyjuvs

  Member

  8 Points

  4 Posts

  Re: How I disable vertical scroll bar of report viewer control on Web Form.

  Nov 15, 2009 05:15 PM|LINK

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

  Report Viewer Autosize SQL Server