Tuesday, December 12, 2017

Interactive Grid: How to Fix Blank Toolbar DIV

One of the best functionalities of the Interactive Grid is declarative master-detail option. That's the reason why I like to use them also in readonly mode. Most of the time I don't need toolbar in detail regions so I turn it off (Region Attributes > Toolbar > Show = No).

But, currently (in APEX and less) there's little bug that I can't ignore. It's 9px blank div above report headers:

At first I thought that's easy - I'll just use :empty CSS pseudo selector and hide DIV element with CSS class .a-IG-header:
But that breaks sticky headers when you scroll down. To fix that I had to use different CSS:
If you want to use other regions for master-detail pages take a look at my plugin on apex.world.

Demo is available here.

Tested on apex.oracle.com (v5.



  1. Sikka Karmic Greens Sector 78 Noida. #SikkaKarmicGreens has been designed by one of #India's leading #architects.

  2. Migsun Wynne 2,3 & 4 BHK #HomesatGrNoida.
    Credit Linked #SubsidyScheme #Available #UnderPMAY.
    Amenities: #SwimmingPool, 3-Tier Security, Spa, Kids Play Area.

  3. Migsun Group has come up with new commercial project
    #MigsunMigente located at NH 58 Raj Nagar Extension Ghaziabad.