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.

1 comment:

  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