Roels Blog: APEX FLoating Developer Toolbar

Thursday, July 02, 2009

APEX FLoating Developer Toolbar

During the APEX 4.0 session at last ODTUG a question was raised: "Can we have a floating developer toolbar" (the thing at the bottom of the page with a.o. the 'Home' and 'Debug' link). There is no need to wait for APEX 4.0 to get that (if it will be implemented as a new feature), you can have it NOW!
If you put the next piece of code in an HTML Region in Page 0 (or in your Template, whatever you like), the toolbar gets sticked to the bottom of your browser like glue...

I guess it only works for FireFox, but that doesn't matter, because that's the tool we're all using anyway, aren't we? Oh, yeah, and you need jQuery...

6 comments:

Pedro said...: Well, that's a very nice tip!
Thanks.

It would also be nice to have keyboard shortcuts to those commands.
Since we are "restricted" to Firefox, I think that it could be accomplished a GreaseMonkey Script.
Patrick Wolf already created some shortcuts on his APEX Builder Plugin (http://www.inside-oracle-apex.com/oracle-apex-builder-plugin/).

Unfortunately, I don't have the skills required to do it...

Cheers,
Pedro; 5:09 PM
Louis-Guillaume Carrier-Bédard said...: Cool!

I prefer to add shortcuts to FF's header as a replacement for the developer toolbar.
The shortcuts can call URLs or JavaScript functions.

Try calling your JavaScript code from a FF shortcut to enable your "special floating mode". You won't have to modify any applications or templates.; 5:16 AM
mhoys said...: Roel,

I'm using Firefox 3.5 but I'm pretty new to JQuery. Should that work out of the box or do you have to install an add-on for that?

Matthias; 3:23 PM
mhoys said...: Hi Roel,

I found out myself :-)
Had to download the JQuery libraries and then include them in my APEX page first. Now it works, nice trick!!

Matthias; 3:37 PM
mhoys said...: Btw: it works in Internet Explorer 8 too!

Matthias; 3:40 PM
Roel said...: @Matthias: You (only) need to install jQuery.; 12:04 PM