MODX Evolution: Manager Restyle Project

I have thought about this, for example we could add some parameters for the manager template (choose color, choose layout: dropdown/tabbed)

Me too - I have thought about that also and thought it would be amazing to be able to customise the colours / menu type etc of the manager.

I have separated colour from style before for a client where we use the same structure and core css and replicate his sites, but tweak the colours of the front end to suit his different brands.
I did this by isolating css for color, background and border with some transparent png images. That wasn't done with style sheet switching but I presume the same principles apply. If someone lets me know the relevant css files, I could have a crack at isolating the colors for the manager if this is a desireable feature. But we would need a programmer to integrate it into the manager or turn it into a plugin.

I've got the header.inc.php working on a template now. It really cleans up the code, getting all that HTML out into its own file with placeholders. Moving the Javascript out to external .js files will clean it up even more, as well as making the changing of Javascript libraries much easier.

Great work Susan! That is awesome. [ed. note: nickf08 last edited this post 14 years, 5 months ago.]

I think I need to make some changes, template 1,3,4 leave the "Save/edit/delete" buttons outside the main frame, so if I open the page in a new window I won't be able to save anything!

ha, good catch.

maybe saving that 40px and putting the Action buttons in the Edit Resource line might fix it?

Yes, less nice but more effective, I'm trying now.

I can actually divide the frames in this way, and it will look as if the bar is one, although in reality is divided. The buttons on the right are attached on the top of the main frame so it will look always one line.

Here we go, another version. I like the others more, but this has 40px less!

NICE! both look good. great fix. I prefer the 40px less, what do others think?

http://modx.com/assets/components/discuss/attachments/57/419960/manager01.jpg

Excellent work microcipcip! They all look so nice

I am working on the manager theme (with HTML5, CSS, jQuery, jQuery UI, JsTree).
See demo here (note: work in progress!).

I have replaced frames with iframes because they have been deprecated, however I can't resize them properly. I have tried with resizable (http://jqueryui.com/demos/resizable/) but it is really buggy, here's why: http://bugs.jqueryui.com/ticket/3176

You can test the buggy behaviour yourself, there is a small handle on the bottom right of the tree menu iframe.

The current size is declared with this simple css code:

I was thinking, maybe with jQuery UI slider (http://jqueryui.com/demos/slider/) I could change the css width percentuage on the fly, this should work fine, although I don't know where to place the slider and if it would be user friendly. Do you have any suggestion or other solutions about resizing iframes?

There is also a strange behaviour on IE9/IE8, the first time I open the manager everything is ok, if I refresh the page the iframe on the right change src and open the treemenu