Monday, October 1, 2012

Interactive Report 100% width


Did you know that you can make an interactive report fill up all horizontal space on the page very easily? You can do this by adding the following code to the HTML header section of the page:

<style type="text/css">
  .apexir_TOOLBAR_OPEN {width:100%;}
  #apexir_TOOLBAR {width:100%;}
  #apexir_DATA_PANEL table,
  .apexir_WORKSHEET_DATA {width:100%;}
</style>

If you set your report template to 'Borderless Region' it should work immediate.

2 comments:

  1. Thanks for the great solution. It did help me get rid of extra space between IR & HTML regions.

    But, I am trying to make width of IR smaller by setting region attributes to: style="table-layout:fixed" width="50", so it allows extra space for HTML region I have to display the details of clicked row.

    This region attributes seem to have no effect. Any idea how to fix this.

    Thanks

    ReplyDelete
  2. Thanks for sharing this great information I am impressed by the information that you have on this blog. Same as your blog i found another one Oracle APEX . Actually, I was looking for the same information on internet for
    Oracle Apex Interview Questions and Answers and came across your blog. I am impressed by the information that you have on this blog. It shows how well you understand this subject.

    ReplyDelete