Version 5 supported

Howto: customize the pages list in the CMS

The pages "list" view in the CMS is a powerful alternative to visualizing your site's content, and can be better suited than a tree for large flat hierarchies. A good example would be a collection of news articles, all contained under a "holder" page type, a quite common pattern in Silverstripe CMS.

The "list" view allows you to paginate through a large number of records, as well as sort and filter them in a way that would be hard to achieve in a tree structure. But sometimes the default behaviour isn't powerful enough, and you want a more specific list view for certain page types, for example to sort the list by a different criteria, or add more columns to filter on. The resulting form is mainly based around a GridField instance, which in turn includes all children in a DataList. You can use these two classes as a starting point for your customizations.

Here's a brief example on how to add sorting and a new column for a hypothetical NewsPageHolder type, which contains NewsPage children.

// app/src/PageType/NewsPageHolder.php
namespace App\PageType;

use Page;

class NewsPageHolder extends Page
{
    private static $allowed_children = [
        NewsPage::class,
    ];
}
// app/src/PageType/NewsPage.php
namespace App\PageType;

use Page;
use SilverStripe\Security\Member;

class NewsPage extends Page
{
    private static $has_one = [
        'Author' => Member::class,
    ];
}

We'll now add an Extension subclass to LeftAndMain, which is the main CMS controller. This allows us to intercept the list building logic, and alter the GridField before its rendered. In this case, we limit our logic to the desired page type, although it's just as easy to implement changes which apply to all page types, or across page types with common characteristics.

// app/src/Extension/NewsPageHolderCMSMainExtension.php
namespace App\Extension;

use SilverStripe\Core\Extension;
// ...

class NewsPageHolderCMSMainExtension extends Extension
{
    public function updateListView($listView)
    {
        $parentId = $listView->getController()->getRequest()->requestVar('ParentID');
        $parent = ($parentId) ? Page::get()->byId($parentId) : Page::create();

        // Only apply logic for this page type
        if ($parent && $parent instanceof NewsPageHolder) {
            $gridField = $listView->Fields()->dataFieldByName('Page');
            if ($gridField) {
                // Sort by created
                $list = $gridField->getList();
                $gridField->setList($list->sort('Created', 'DESC'));
                // Add author to columns
                $cols = $gridField->getConfig()->getComponentByType('GridFieldDataColumns');
                if ($cols) {
                    $fields = $cols->getDisplayFields($gridField);
                    $fields['Author.Title'] = 'Author';
                    $cols->setDisplayFields($fields);
                }
            }
        }
    }
}

Now you just need to enable the extension in your configuration file.

# app/_config/extensions.yml
SilverStripe\Admin\LeftAndMain:
  extensions:
    - App\Extension\NewsPageHolderCMSMainExtension

You're all set! Don't forget to flush the caches by appending ?flush=all to the URL.