MODxFLAT - Evolution Manager Theme with customizable Dashboard shortcuts and color skins

1,198 Posts

Nicola (Banzai) Reply #1, 12 years, 5 months ago

Hello guys

I've created this theme and plugin for my custumers that needs custom links in modx welcome page.
For all customers that asks:

- why i need to select a parent folder anytime i create a blog/recipe/review/product/real estate.. entries?
- where is my web mail?
- how can i access to my site stats?
- i dont remember my facebook page/google plus/twitter... url

The theme is based on my previous theme Devo Blue http://modx.com/extras/package/devoblue
with a new flat style, the addition of the awesome font icon set (http://fortawesome.github.io/Font-Awesome/icons/), updated dashboard and a little plugin to manage custom links in dashboard.

The plugin just call 3 chunks for system events (my php knowledge is=0) :
Chunks includes a lot of example icon/links to customize:

Features

1) Change, display and hide a custom logo in the dashboard.
2) Display custom Links to your social networks or any other external services (stats, webmail..).
3) Display custom Links to modx manager actions for a faster creation of content and resources.

Example chunks with over 40 icon/links:

more available icons at:
http://fortawesome.github.io/Font-Awesome/icons/

All you need to do is enable/disable a system event and customize a chunks:

Social Links Tab
Event: OnManagerWelcomeHome
Chunk tpl: Welcome_SocialLinks

Custom Logo
Event: OnManagerWelcomePrerender
Chunk tpl: Welcome_YourLogo

Manager Links
Event: OnManagerWelcomeRender
Chunk tpl: Welcome_CustomLinks

It's just a theme and a plugin - does not overwrite any system files.

This is not the final release.

To install:

- download MODxFLAT Theme
- extract
- upload MODxFLAT folder in manager/media/styles/
- go to Tools > Configuration > Interface & Features > Manager Theme - and set MODxFLAT theme

- download the plugin
- manual install or use Package Manager Module
- check one, two or all system events: OnManagerWelcomePrerender, OnManagerWelcomeHome, OnManagerWelcomeRender

- Customize to your needs chunks: {{Welcome_CustomLinks}}, {{Welcome_SocialLinks}} and {{Welcome_YourLogo}}

Download MODxFLAT Theme from here:
https://github.com/Nicola1971/MODxFLAT-Theme

Download Plugin here:
https://github.com/Nicola1971/OnManagerWelcomeCustom-plugin

Plugin Wiki here:
https://github.com/Nicola1971/OnManagerWelcomeCustom-plugin/wiki

MODxFLAT-Colors: Color Skins for MODxFLAT

Download:
https://github.com/Nicola1971/MODxFLAT-Colors
More info:
https://github.com/Nicola1971/MODxFLAT-Colors/wiki [ed. note: banzai last edited this post 12 years, 5 months ago.]

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

2,877 Posts

mrhaw Reply #2, 12 years, 5 months ago

Wow, thanks for sharing!

@hawproductions | http://mrhaw.com/

Infograph: MODX Advanced Install in 7 steps:
http://forums.modx.com/thread/96954/infograph-modx-advanced-install-in-7-steps

Recap: Portland, OR (PDX) MODX CMS Meetup, Oct 6, 2015. US Bancorp Tower
http://mrhaw.com/modx_portland_oregon_pdx_modx_cms_meetup_oct_2015_us_bancorp_tower

1,613 Posts

fourroses666 Reply #3, 12 years, 5 months ago

Very nice Banzai!

Evolution user, I like the back-end speed and simplicity

1,198 Posts

Nicola (Banzai) Reply #4, 12 years, 5 months ago

New Update!

MODxFLAT-Colors: Color Skins for MODxFLAT

Updated first post
[ed. note: banzai last edited this post 12 years, 5 months ago.]

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

1,613 Posts

fourroses666 Reply #5, 12 years, 5 months ago

Some css "improvements" (place on bottom of style.css);


#supplementalNav{font-size: 11px;}
.dashboard-block-content {overflow: auto;}
#mx_contextmenu{font-size:11px;}
#treeRoot div img {background-color:transparent;}
.treeNodeSelected, .treeNodeHover{border:1px solid #232b2d; background-color:transparent;}
.tab-pane ul li ul li{padding:4px 0 4px 4px;}
.sectionHeader a i.expandbuttn{font-size:17px;}
.actionButtons li {margin: 4px;}
.treeButton:hover{background-color:transparent; color:#fff; border:1px solid #232b2d;}
#treeHolder .notInMenuNode{color:#80969c;}
#nav li.active ul.subnav a{color:#fff;}
#treeMenu a.treeButtonDisabled:hover{color:#fff;}
.sectionHeader {box-shadow: 0 0px 0 #fff inset;}
.dynamic-tab-pane-control .tab-row .tab.selected {border-color:#c6c6c6;}
.dynamic-tab-pane-control .tab-row .tab.hover {border-color:#c6c6c6;}
.actionButtons #Button1 a{margin-right:4px;}
.actionButtons select#stay{margin: -4px 0 0;}
.dynamic-tab-pane-control .tab-row .tab {padding-top:0;}
ul.actionButtons {margin: 3px 0 6px 1px;}
#which_editor{margin:5px 0 0;}
.tab-pane ul li ul li{margin: 0 0 2px 2px;}
#tabCategory ul li ul li {margin: 1px 0;}
.tab-pane ul li strong{border:0;}

.wm_button {margin: 2px 10px 2px 0;}
.dashboard-block-full{width:100%;}
.dashboard-block-half{width:50%;}

[ed. note: fourroses666 last edited this post 12 years, 5 months ago.]

Evolution user, I like the back-end speed and simplicity

1,198 Posts

Nicola (Banzai) Reply #6, 12 years, 5 months ago

Thanks for your help fourroses666

- updated style.css with your fix

- new layout for login.tpl and lockout (Flat Theme and colors)
- Styling of Package Manager Module

[ed. note: banzai last edited this post 12 years, 5 months ago.]

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

14 Posts

phantomphondler Reply #7, 12 years, 5 months ago

very cool really like it!!

1,198 Posts

Nicola (Banzai) Reply #8, 12 years, 4 months ago

RC2 update.
Probably the last RC before public release.

- Styles fixes/updates
- Updated icons in style.php - new icons in manager pages and tree contextual menu
- Clean up of all unusued icons

- updated all Flat skin colors to RC2

Download Modx Flat Theme RC2
https://github.com/Nicola1971/MODxFLAT-Theme

Download Colors for MODxFLAT RC2
https://github.com/Nicola1971/MODxFLAT-Colors

Download Welcome Plugin for MODxFLAT
https://github.com/Nicola1971/OnManagerWelcomeCustom-plugin

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design

1,613 Posts

fourroses666 Reply #9, 12 years, 4 months ago

nice work, maybe you can add screendumps to github?

Evolution user, I like the back-end speed and simplicity

1,198 Posts

Nicola (Banzai) Reply #10, 12 years, 4 months ago

Final Step! New Updates, New docs and New Screenshots!

The complete set to customize your Evo manager is here tongue

MODx Flat manager theme The skinnable Evo Manager Theme with customizable dashboard
Info, screenshots and download link:
http://www.tattoocms.it/manager-templates/modxflat-evolution-manager-theme.html

MODxFlat - Color Skins 15 Color Skins for MODx FLAT (3 new skins! brown, azure2, graphite)
Info, screenshots and download link:
http://www.tattoocms.it/manager-templates/modxflat-color-skins.html

OnManagerWelcomeCustom Plugin for MODx Flat manager theme and Devo manager themes
Info, screenshots, download link and full documentation:
http://www.tattoocms.it/extras/plugins/onmanagerwelcomecustom-plugin-modx.html
[ed. note: banzai last edited this post 12 years, 4 months ago.]

Free MODx Graphic resources and Templates www.tattoocms.it
-----------------------------------------------------

MODx IT www.modx.it
-----------------------------------------------------

bubuna.com - Web & Multimedia Design