swap to MochaUi as the main gui window for revo manager??

Im wondering how painful it would be to substitute the mochaUI as the main window for the current revo manager gui?
http://mochaui.com/demo/

I’d like to get modx cms manager UI to visually flow into a cohesive design that I already have in the works. Ive currently implemented MochaUi as a virtual desktop for a couple of online accounting and billing apps for a client.

Now Im wondering if there’s any way to easily substitute Mocha for the current UI? Would that be a simple skinning type of thing? or am I in for wholesale P.I.T.A. code changes that I’ll regret even trying?...

...or as a second choice, if Extjs has a similar bunch of ’desktop’ type gui components to mochaui (im sure they do), how hard would it be to swap out the stock modx gui for different extjs gui parts?

(I guess what Im saying is im not crazy about the way the gui is set up for logged in end users with little to no cms editing experience -- from a quick reveal to a coupla potential customers, it seemed quite confusing for them--- and i’d like to simplify it down quite a bit if it’s at all possible. they aren’t even web 1.0, much less web 2.0 savvy)

Just wondering, before i spend too much time snorkeling around with hard to implement or harebrained ideas that involve too much altering of core code...

Just build it as an alternative manager UI using a Context. The plan is for various alternative manager interfaces to be made available in this way. And that way, you can build them just like you would any MODx front-end component.

You can also witch the Extjs theme for MODx to the default gray theme of EXTjs.

See here for the blue default theme:
http://www.extjs.com/deploy/dev/examples/

Note that there are a lot of themes already available for Extjs.

It only require to change one CSS reference in the manager, and copy the desired theme to the Extjs directory if it does not already exist.

One of the simple way is to duplicate the default theme (manager/template/default/), rename it to whatever you like, then edit the file default.tpl in the duplicated directory.

It’s the line 8:


Change xtheme-modx for any existing theme available for Extjs (examples):
http://www.extjs.com/forum/showthread.php?t=56304&highlight=themes

Actually, lossendae, that wont work - we’ve cut out all the extra themes to cut down on space. (We even moved the modx theme outside the ext/ directory to make ext more easier to upgrade.) You’d have to install the files manually to add or use another theme.

My bad, i didn’t check on the last svn.

The principle stay the same but in different place?

Quote from: lossendae at Mar 11, 2010, 02:36 AM

The principle stay the same but in different place?

Yep. Just moving them to get them in the same dir as the other modx css files. (We also use Ant scripts pre-release now to compress and concatenate the CSS/JS files to vastly speed up the manager.)

Quote from: OpenGeek at Mar 10, 2010, 04:46 PM

Just build it as an alternative manager UI using a Context. The plan is for various alternative manager interfaces to be made available in this way. And that way, you can build them just like you would any MODx front-end component.

wow. Huge, huge thumbs up to the revo architecture design. Well done. Thanks for this feature.

Quote from: lossendae at Mar 10, 2010, 05:27 PM

You can also witch the Extjs theme for MODx to the default gray theme of EXTjs.

See here for the blue default theme:
http://www.extjs.com/deploy/dev/examples/

Note that there are a lot of themes already available for Extjs.

It only require to change one CSS reference in the manager, and copy the desired theme to the Extjs directory if it does not already exist.

One of the simple way is to duplicate the default theme (manager/template/default/), rename it to whatever you like, then edit the file default.tpl in the duplicated directory.

It’s the line 8:

<link rel="stylesheet" type="text/css" href="{$_config.manager_url}assets/ext3/resources/css/xtheme-modx.css" />

Change xtheme-modx for any existing theme available for Extjs (examples):
http://www.extjs.com/forum/showthread.php?t=56304&highlight=themes

thanks for the pointer. good reference for a modx newb like myself on the ui css swapping combined w/ the new info from SplittingRed. Im actually looking more to change the layout of the manager than the colors, although swappable themes is quite useful. Thanks for all this.