Missing horizontal scroll in report.

Adamaa Faal

<p><span style="color:rgb(33,33,33);font-family:arial, sans-serif;font-size:16px;">Hello,</span></p>
<p><span style="color:rgb(33,33,33);font-family:arial, sans-serif;font-size:16px;">I want to show horizontal scroll in my reports deployed into a web application of ihub . The report run by itself from report directory displays properly with the scroll but when it is executed into a web app of ihub it no longer appears .</span></p>
<p><span style="color:rgb(33,33,33);font-family:arial, sans-serif;font-size:16px;">Any Support please.</span></p>

pricher

<p>Hello Adamaa,</p>
<p> </p>
<p>Are you embedding a BIRT report into a web page using the JavaScript API? If yes, you can add a horizontal scrollbar by adding a DIV around the DIV that contains your report and adding the overflow-x style property to it. Take a look at the following code:</p>
<pre class="_prettyXprint _lang-">
<script src='http://ActuateOne:8700/iportal/jsapi'></script>
<script>

var reportName = "/Home/Administrator/Customer Listing.rptdesign";
actuate.load('viewer');
actuate.initialize('http://ActuateOne:8700/iportal/', null, 'administrator','', myInit);

function myInit() {
viewer = new actuate.Viewer('container');
var options = new actuate.viewer.UIOptions( );
//options.enableToolBar(false);
viewer.setUIOptions( options );
viewer.setReportName(reportName);
viewer.setSize(2000,600);
viewer.submit();
}
</script>
<div id='dummy' style='overflow-x:scroll;width:1000px;'>
<div id='container'></div>
</div>

</pre>
<p>Hope this helps,</p>
<p> </p>
<p>P.</p>