The release of Xplug v1.2 was quite a success. The possibility to add a “dark” style and customize it via a configuration dialog seems to be something many APEX developers appreciate.
But what if you just want to do a small modification like changing the background color of the properties group header? Until now that was hard -if not -impossible- to do, because the CSS that is injected by Xplug is focussing on a dark style.
One of the things I wanted to do for the Xplug browser plugin, is to check if I can somehow change the Page Designer colors and come up with a custom look-and-feel (style) and
perhaps add some more contrast along the way. In particular I was excited to do a “darker” style. Something you would use at night while you are working on your next fantastic APEX application.
Note that I’m not calling it a theme, because then it could be confused with an APEX theme which definitely is not the case here.
I do am planning on adding a configuration dialog, so you can change colors yourself. Would be cool if these could then be exported as JSON and put online in a gallery.
Anyway, what I find kinda cool is that there’s a button that let you switch between “daylight” and “moonlight” mode.
The daylight/moonlight feature will definitely be part of the next Xplug release (along with some other goodies).
Before that happens I have to refactor the code and work on the “moonlight” mode some more. Adjust colors work on the tabs style, etc.
If you want to take a peek. Here’s a quick Youtube video I did that shows some of the features. Have to apologize for the bad quality. Will need to find a good screen recorder.
Even though I like the idea of getting some additional details by hovering over an element in APEX 5.0 Page Designer; if you are working on the same page for a longer time and going back and forth between the tree and properties editor, a tooltip can be distracting.
It may overlay part of the content you wanted to look at in the first place.
ok, it’s time for another hack-a-tronik. I’ve managed to add a bit more functionality to the pane switcher and it’s now actually starting to look like a plugin (but we ain’t there quite yet).
First off all, I’d like to point to the excellent hardlikesoftware blog by John Snyders. There’s tons of good APEX 5 information there.
You might want to check out his blog post on APEX 5.0 custom menus.
Now, back to our hack-a-tronik. Basically I refactored the code of part 1 and named it Xplug. The idea is that Xplug will contain a collection of small enhancements to the APEX 5.0 Page Designer.
This is the first in my hack-a-tronik series. Lately I’ve been playing around with the APEX 5.0 Page Designer. In particular I was interested in seeing how some of its internals worked.
I love the new page designer, but something that was kinda bothering me is that you have to do quite some “mouse-kilometres” while working on an apex application.
What I mean by that is that you move the mouse between the left pane (navigation tree for rendering/dynamic actions, …) and right pane (properties editor) a lot.
So it would be great, if I could swap panes to make it look more like: