Things got quite crazy in the last few months. I presented at APEX Connect 2016 and took some SAP HANA trainings. Two different worlds, but both very cool.
Anyway, this is just to let you know that I’ve released Xplug v126.96.36.199 for Google Chrome. The version for Firefox will follow in the next days or week. The Firefox approval takes more time (have to give Google credit for their super-fast automated testing).
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: