MODX Evolution: Manager Restyle Project

Another designer, "usemodx", gave me this design as well, but it's more suitable for a more complex example using MegaMenus.

I have successfully replaced the WebLogin snippets, including the installation of same, with WebLoginPE in my github version.

I am in the process of replacing the badly outdated sample site. [ed. note: sottwell last edited this post 12 years, 1 month ago.]

the installation screen shots look great microcipcip - great work.

The first post of this thread as been updated with screenshots for the Manager.
Screenshot 3 and 4 are only possible if the Frames are removed and replaced with iFrames. The menu must stay outside of any Frame/iFrame.

great work microcipcip - the manager screenshots look very nice.

You could save 40px of real estate at the top by moving the page editing buttons (save, duplicate, delete, cancel, view) into the RHS of the same row as the Edit Resource heading.

I like both options - with or without "Site Tree" heading. Without is more streamlined but with is consistent with the "Edit Resource" heading.

I love the streamlined appearance of the menu in #3 and #4 but probably prefer the tabs. Is there a possibility for the option to minimise the tab menu? Either way, both look great and you are doing an awesome job.

Quote from: nickf08 at Apr 11, 2012, 04:07 AM

You could save 40px of real estate at the top by moving the page editing buttons (save, duplicate, delete, cancel, view) into the RHS of the same row as the Edit Resource heading.

I have thought about that and I tried it, but placing the buttons near the tabs didn't look right, maybe because there are too many elements near each other. Also, in this way you may see what's written on the "Edit Resource" row even if the monitor is a little bit small.

Quote from: nickf08 at Apr 11, 2012, 04:07 AM

I like both options - with or without "Site Tree" heading. Without is more streamlined but with is consistent with the "Edit Resource" heading.

Yes that's what I have thought as well, it give some kind of consistency in this way. There may be users that prefer the streamlined version to save available screen estate though. Changing this would only require a duplicate of the main theme and some basic CSS skills, so it is not a real issue.

Susan is working on putting all the manager files (login included) in one single place, so even a highly customized manager will not be affected in future upgrades.

Quote from: nickf08 at Apr 11, 2012, 04:07 AM

I love the streamlined appearance of the menu in #3 and #4 but probably prefer the tabs. Is there a possibility for the option to minimise the tab menu? Either way, both look great and you are doing an awesome job.

If we substitute Frames with iFrames in the manager, changing from tabbed version to the dropdown version would be a matter of minutes, just some extra CSS for the dropdown and HoverIntent plugin for jQuery.

I'd personally go for the demo 3,4 as the space taken from adding a row only for the "Action" buttons is somehow regained by removing the tabs. I don't like dropdowns a lot, but in this way I could jump from one section to another section in only one click.

Anyway, thanks for all the suggestions, the manager is very important so feedback here are more than welcome.

Quote from: nickf08 at Apr 11, 2012, 04:07 AM

You could save 40px of real estate at the top by moving the page editing buttons (save, duplicate, delete, cancel, view) into the RHS of the same row as the Edit Resource heading.

I'll test this option more, it would be nice to save those 40px of real estate.

Yes that's what I have thought as well, it give some kind of consistency in this way. There may be users that prefer the streamlined version to save available screen estate though. Changing this would only require a duplicate of the main theme and some basic CSS skills, so it is not a real issue.

Taking it a step further would be to have clickable arrows to show / hide those headings for the streamline lovers (as there is at the moment to show/hide the Site Tree) - or even better a setting in Tools > Configurations > Interface & Features (eg Streamlined Site Tree with Yes/No / Streamlined Edit Resource with Yes/No) so no hacking of any themes is required.

You are doing a great job microcipcip

I have thought about this, for example we could add some parameters for the manager template (choose color, choose layout: dropdown/tabbed), but I am not sure if this would have to be a core configuration or a plugin, probably a plugin. The default installation should be as simple as possible.

Susan is working on adding placeholders in the manager, so maybe it will be a easy task in the future.

There is a plugin for adding custom fields in the manager settings: http://community.modx-cms.ru/blog/addons/1778.html (use google translator).

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.