Welcome Latest Disqus Comments Dashboard Widget
Welcome Latest Disqus Comments Dashboard Widget for EvoDashboard 3.0
Read More
EVO Version: MODx Evolution 1.2 or above
EvoDashboard is an advanced Evolution Dashboard plugin that allows you to have the full control of the new Evolution 1.2x manager dashboard and extend the features
Features
- Set the default visibility (Show/Hide/AdminOnly) for Widgets
- Set the default Position and Size for Widgets
- Set the default visibility (Show/Hide/AdminOnly) for Message inbox in Welcome widgets
- Set the default visibility (Show/Hide/AdminOnly) for User Info in Welcome widgets (inbox included)
- Set the default visibility (Show/Hide) Dashboard Header: restore the modx logo with sitename Title
- Allow custom Header Logo
For Evolution up to 1.1 release you can still download EvoDashboard 3.0 from here
Default Widgets:
EvoDashboard package includes 3 default widgets plugins:
- Social Links Box: Display custom Links to your social networks or any other external services (stats, webmail..).
- Custom Links Box: Display custom shortcuts to MODX Evolution manager actions or documents for a faster creation of content and resources.
Instructions
-
download the plugin
- install with Package Manager Module or Store modules
-
Customize to your needs chunks: Welcome_CustomLinks , Welcome_SocialLinks
Available Widget Plugins
Welcome RSS Reader Dashboard Widget
Widget for EvoDashboard to display custom Rss Feed in your MODX Evolution dashboard
Read MoreWelcomeLatestComments Dashboard Plugin
Widget for EvoDashboard to display Latest Jot Comments in MODX Evolution manager welcome
Read More
WelcomeLastWebUsersBox Dashboard Widget
Widget for for EvoDashboard to display and edit Last Registered Webusers
Read More
WelcomeListBox Dashboard Widget
Additional Dashboard List Documents box widget for EvoDashboard
Read MoreMODX Evolution Manager Actions
Example 1: Action Shortcut to create a resource in a folder
index.php?a=4&pid=2 - replace "2" with your blog folder id
Shortcut Icon example:
<div class="wm_button"><a href="index.php?a=4&pid=2"><i class="fa fa-pencil fa-4x fa-fw"></i><br />New Blog Post in Folder id 2</a></div>
Example 2: Action Shortcut to edit a resource
index.php?a=27&id=2 - replace "2" with your document id
Shortcut Icon example:
<div class="wm_button"><a href="index.php?a=3&id=2"><i class="icon-custom bordered-2x icon-color-red fa fa-pencil-square-o fa-4x fa-fw"></i><br />Edit Page id 2</a></div>
Example 3: Action Shortcut to a Module
index.php?a=112&id=1 - replace "1" with Module id
Shortcut Icon example:
<div class="wm_button"><a href="index.php?a=112&id=1"><i class="icon-custom bordered-2x icon-color-red fa fa-magic fa-4x"></i><br />Doc Manager</a></div>
Example 4: Action Shortcut to a Manager page
index.php?a=17 - replace "17" with action id (*)
Shortcut Icon example:
<div class="wm_button"><a href="index.php?a=17"><i class="icon-custom rounded-x icon-bg-orange fa fa-wrench fa-4x fa-fw"></i><br />Settings</a></div>
(*) You can find the complete list of manager actions in manager/includes/actionlist.inc.php or here
Example 5: Shortcut to a Frontend page
../index.html
Shortcut Icon example:
<div class="wm_button"><a href="../index.html" target="_blank"><i class="icon-custom rounded-x icon-bg-orange fa fa-home fa-4x fa-fw"></i><br />Homepage Preview</a></div>
Custom Links box
(Chunk tpl: Welcome_CustomLinks)
Social Links box
(Chunk tpl: Welcome_SocialLinks)
Example 6: Shortcut to an external Link
Example:
<div class="wm_button"><a href="http://forums.modx.com/" target="_blank"><i class="icon-custom rounded-x icon-bg-orange fa fa-comments-o fa-3x"></i><br />Forum</a></div>
Customize icons
(Chunk tpl: Welcome_SocialLinks , Welcome_CustomLinks)
See: http://fortawesome.github.io/Font-Awesome/icons/ for a complete list of the awesome icon set
Example link with awesome icon
<div class="wm_button"><a href="index.php?a=4&pid=2"><i class="icon-color-red icon-no-border fa fa-pencil fa-4x fa-fw"></i><br />New Blog Post</a></div>
Icon Color
<div class="wm_button"><a href="index.php?a=4&pid=2"><i class="icon-color-red icon-no-border fa fa-pencil fa-4x fa-fw"></i><br />New Blog Post</a></div> - icon-color-red
Additional icon classes
Colours:
- icon-color-blue
- icon-color-red
- icon-color-sea
- icon-color-green
- icon-color-yellow
- icon-color-orange
- icon-color-grey
- icon-color-purple
- icon-color-aqua
- icon-color-brown
- icon-color-dark-blue
- icon-color-light-green
- icon-color-light
- icon-color-light-grey
Shapes
- icon-no-border
- icon-custom
- icon-sm
- icon-lg
- icon-2x
- icon-3x
- icon-4x
- rounded
- rounded-x
- rounded-2x
- rounded-3x
- rounded-4x
- rounded-top
- rounded-left
- rounded-right
- rounded-bottom
Backgrounds
- icon-bg-blue
- icon-bg-red
- icon-bg-sea
- icon-bg-green
- icon-bg-yellow
- icon-bg-orange
- icon-bg-grey
- icon-bg-dark
- icon-bg-purple
- icon-bg-aqua
- icon-bg-brown
- icon-bg-dark-blue
- icon-bg-light-green
- icon-bg-light
- icon-bg-light-gre
Icon Type
i class="fa fa-pencil : see complete list at http://fortawesome.github.io/Font-Awesome/icons/
Icon Size
fa-4x : To increase icon sizes use the fa-lg, fa-2x, fa-3x, fa-4x, or fa-5x classes.
fa-fw : add fixed width for better align
Change the Logo
(Chunk tpl: Welcome_YourLogo)
Open Welcome_YourLogo chunk and customize path and size of your custom logo
<img id="logo" src="../assets/images/logo.png" width="120" height="100" >