ProcessWire core updates (2.5.9)

Configurable Admin Thumbnail Images

This week some new configuration settings were added that give you more control over thumbnail images in the admin. Specifically, you can set the dimensions to use for thumbnails, and a scale factor for supporting high DPI/retina output of images in your admin. When used, they affect the output of thumbnail images in all image fields, as well as in the image selection dialog box you see when inserting images into CKEditor or TinyMCE rich text fields.

The default settings are identical to the previously hard-coded settings. Meaning, thumbnail images are 100 pixels tall and a proportional width, uncropped and unscaled at 72 dpi. To change the defaults, you'd copy this section below from /wire/config.php, paste it into your site's /site/config.php, and adjust the settings as you see fit. (This is the same method to you to modify any available configuration setting in ProcessWire).

$config->adminThumbOptions = array(
  'width' => 0,
  'height' => 100,
  'scale' => 1.0,
  'imageSizer' => array(
    'upscaling' => false,
    'cropping' => true,
    'autoRotation' => true,
    'sharpening' => 'soft',
    'quality' => 90,
    'suffix' => array(),
  )
);

Lets say that you wanted to use 200px tall thumbnail images in the admin (rather than the default 100px). You would adjust the 'height' property to be 200. Or, as another example, lets say that you wanted 150px tall thumbnails, but you wanted them to be double density, high DPI, so that they look good on your Retina screen. You would set the 'height' property to be 300, and then the 'scale' property to be 0.5. That essentially says: create thumbnails at 300px height, but tell the browser to output them at 150px height (so that they look sharp on your high DPI screen). See the /wire/config.php file for more information on these properties and all the others mentioned above.

These settings above are used by all of your image fields where you specify that you want thumbnails in the field settings. Your thumbnail size is retained in both list mode and grid mode of the images (though grid mode always crops to keep the images square).

These settings are also used by the image selection dialog box that you see when inserting images into a rich text field. Previously, you had to select from full-size versions of the images here, which wasn't visually ideal, though had the benefit of avoiding creation of new image variations. I prefer the new thumbnail output myself, but if you want to revert to previous the full-size image display, you can disable the thumbnails here via a checkbox in the ProcessPageEditImageSelect module settings.

System Notifications Updates

The core SystemNotifications module continues to be developed and refined. This week major portions of the javascript side of it were re-factored to make a few things simpler. In addition, the notification times that are shown are now live-updated every second. You know exactly how old a notification is, rather than how old it was when the page was last loaded. These live timer updates are also particularly useful with expiring notifications. When a new notification is created that has an expiration time, you now have a live countdown timer that indicates when the notification will be automatically deleted. There were also a few other minor updates and optimizations to SystemNotifications this week.

New ProcessHello template module for creating Process modules

You may already be familiar with ProcessHello, a module created purely as a starting point for your own Process modules. Well, a lot of improvements have been made to the Process module system that you'd never know about if using the current ProcessHello module. As a result, we've created a new development version of the ProcessHello module that uses most of the new Process module features, and serves as an even better starting point for creating your own Process modules.

Note however that this new ProcessHello requires ProcessWire 2.5.5 or newer, so is primarily of use to those that are using the ProcessWire development branch. Though all of these new Process module features will soon be merged to the master branch, so now's a good time to start experimenting with them. And the new ProcessHello is a great starting point for that.

Here's a summary of the new Process module features you'll see used in the new ProcessHello module:

We encourage you to get on the ProcessWire development branch, install the new ProcessHello dev version and experiment with it. Note that the new ProcessHello doesn't attempt to use ALL available options for Process modules. It's a balance between keeping things simple and demonstrating the features most likely to be used. But there are in fact more new things you can do with Process modules. If you are interested, check out the /wire/core/Process.php file that goes more in-depth on the available options.

 

Latest news

  • ProcessWire Weekly #552
    In the 552nd issue of ProcessWire Weekly we'll check out the latest weekly update from Ryan, take a quick look at a new e-commerce solution for ProcessWire, and more. Read on!
    Weekly.pw / 7 December 2024
  • Custom Fields Module
    This week we look at a new ProFields module named Custom Fields. This module provides a way to rapidly build out ProcessWire fields that contain any number of subfields/properties within them.
    Blog / 30 August 2024
  • Subscribe to weekly ProcessWire news

“We were really happy to build our new portfolio website on ProcessWire! We wanted something that gave us plenty of control on the back-end, without any bloat on the front end - just a nice, easy to access API for all our content that left us free to design and build however we liked.” —Castus, web design agency in Sheffield, UK