How to Remove Horizontal scroll bar from Browser on Reports Page APEX 10g?
703881Nov 27 2009 — edited Nov 27 2009Hi
I am using Application Express 3.0.1.00.08.
In this, I have developed a page of type Report-Form and using theme 12 with single level tab.
I am facing an issue with the horizontal scroll bar appearing in the browser due to exceeded width of report region on the Reports page.
Setup:
--------
1) I have page of type 1 level tab
2) In this page I have a Report region which is showing around 50 columns.
Now the issue is the Report region is exceeding the width of the page itself due to which a scroll bar is appearing at the botton of Browser.
Now to reduce the with of Report I have used tag "div" in my reports region as below :
<table class="t12ReportsRegion" id="#REGION_ID#" summary="" >
<tr>
<!-- <td class="t12Header">#TITLE#</td> -->
<td>#TITLE#</td>
</tr>
<tr>
<td class="t12ButtonHolder">#CLOSE# #PREVIOUS##NEXT##DELETE##EDIT##CHANGE##CREATE##CREATE2##EXPAND##COPY##HELP#</td>
</tr>
<tr>
<td class="t12Body">
<div style="overflow:auto;width:23%;">
#BODY#
</div>
</td>
</tr>
</table>
After doing this the reports region is reduce and now I am having a Horizontal+Vertical scroll bar in report region itself.
BUT the issue is still I can see the empty space of same width in Report region area and this is exceeding to my Tab page region.
Pls advise me as how to fix this issue.
Thanks
Amit
Edited by: user11207269 on Nov 27, 2009 11:49 PM
Edited by: user11207269 on Nov 28, 2009 12:00 AM