MODX3 Project Extra Feature: Template Preview

Template preview

Creating resources in MODX can be a cumbersome experience. We'll list some of the current issues for content managers.

Problem 1: Too many ways to create a resource

There are too many ways to create a resource currently. There should just be one way to create a new resource and it should have one name, not 'resource' and 'document'.

  • Top menu 'Content' -> 'New Resource'
  • 'New Document' button above the resource tree
  • Right-click a context -> 'Create' -> 'Document'
  • Right-click a folder -> 'Create' -> 'Document'
  • Right-click a resource -> 'Create' -> Document'
  • Some dashboards also contain the 'Create page' button in their widgets

Problem 2: Choosing the template

After creating a new resource, the first thing a lot of users do is change the template. But what does every template look like? Users have no idea what template to choose, especially users who don't manage their website on a daily basis. So changing a template might involve a lot of trial and error work to find out what template offers what features.

Every template change takes X of actions:

  • Click template dropdown
  • Click template (or change to page 2 of your templates in case you have a large site)
  • Click Confirm template change
  • Wait for the page to reload

Solution: template picker with preview on-create resource

The solution is to prevent this all from happening by showing a modal-window when click 'create resource'. This modal window does not require a pageload, but will instantly show. It will show the following things:

  • Pagetitle field (required)
  • List of template(s)
  • (optional) Preview window of templates (contains PNG/JPG-screenshots of your templates) (can be disabled in system settings)
  • (optional) Description of what the template does (can be disabled in system settings)
  • Show template categories
  • Show 'Search' box if there are more than 8-10 templates (whatever exceeds the displayable room for the template lists)

PoC and concept by JP DeVries:
Work in progress for PR by Sander Drenth:

Designs by Rinze

POWERED BY site.credits.modx DEVELOPED BY Sterc Heibel Supported by Supported by SNN Supported by the EU - Europees Fonds voor Regionale Ontwikkeling (EFRO)


Stay up to date on all updates of MODX3 with our newsletter.



You can also download the newest version of MODX.