EvoDashboard Plugin - Customizable MODx Evolution Dashboard

EvoDashboard Plugin

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

  1. Set the default visibility (Show/Hide/AdminOnly) for Widgets
  2. Set the default Position and Size for Widgets
  3. Set the default visibility (Show/Hide/AdminOnly) for Message inbox in Welcome widgets
  4. Set the default visibility (Show/Hide/AdminOnly) for User Info in Welcome widgets (inbox included)
  5. Set the default visibility (Show/Hide) Dashboard Header: restore the modx logo with sitename Title
  6. Allow custom Header Logo


For Evolution up to 1.1 release you can still download EvoDashboard 3.0 from here

 

Download EvoDashboard 3.0

evodashboard

Default Widgets:

EvoDashboard package includes 3 default widgets plugins:

  1. Social Links Box: Display custom Links to your social networks or any other external services (stats, webmail..).
  2. 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_CustomLinksWelcome_SocialLinks 

 

Available Widget Plugins

Welcome Latest Disqus Comments Dashboard Widget

Welcome Latest Disqus Comments Dashboard Widget

Welcome Latest Disqus Comments Dashboard Widget for EvoDashboard 3.0

Read More

Welcome RSS Reader Dashboard Widget

Welcome RSS Reader Dashboard Widget

Widget for EvoDashboard to display custom Rss Feed in your MODX Evolution dashboard

Read More

WelcomeLatestComments Dashboard Plugin

WelcomeLatestComments Dashboard Plugin

Widget for EvoDashboard to display Latest Jot Comments in MODX Evolution manager welcome

Read More

WelcomeStats Dashboard Widget

WelcomeStats Dashboard Widget

Dashboard MODX System Stats widget for EvoDashboard plugin

Read More

WelcomeLastWebUsersBox Dashboard Widget

WelcomeLastWebUsersBox Dashboard Widget

Widget for for EvoDashboard to display and edit Last Registered Webusers

Read More

WelcomeHTMLBox Dashboard Widget

WelcomeHTMLBox Dashboard Widget

Dashboard html box widget plugin for for EvoDashboard

Read More

WelcomeListBox Dashboard Widget

WelcomeListBox Dashboard Widget

Additional Dashboard List Documents box widget for EvoDashboard

Read More

MODX 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> -  change icon-color-red with class

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" >

 

 

 

Comments