TYPO3 v14: Visual View Modes for the Records Module

Anyone who works with large TYPO3 installations will recognise the problem: the Records module shows records as a table. That works, but it gets hard to read once you are dealing with hundreds of news articles or products. The Records List Types extension fixes this with three extra view modes that add thumbnails and drag & drop, making everyday work noticeably faster.

Table of Contents  

Why a New List View?  

TYPO3's standard list module is solid, but it offers only one way of presenting records. For image-heavy content such as news, products, or galleries, there is no visual cue to go on. The extension adds grid, compact, and teaser views, so editors can pick whichever one best suits their workflow.

View Modes  

mod.web_list.gridView.table.tx_news_domain_model_news {
    titleField = title
    descriptionField = teaser
    imageField = fal_media
    preview = 1
}

Features at a Glance  

Installation  

# Installation via Composer
composer require webconsulting/records-list-types

# Activate extension
./vendor/bin/typo3 extension:activate records_list_types

After activation, the view mode buttons will appear in the header of the Records module.

Configuration via TSconfig  

Defining Fields per Table  

TSconfig lets you control exactly which fields appear in the grid or teaser view:

mod.web_list.gridView.table.tx_news_domain_model_news {
    titleField = title
    descriptionField = teaser
    imageField = fal_media
    preview = 1
}

Setting the Default View  

mod.web_list.viewMode.default = grid

Developing Custom View Types  

The extension is designed to be extended. A custom view consists of three components:

<?php
namespace Vendor\Extension\EventListener;

use Webconsulting\RecordsListTypes\Event\RegisterViewModesEvent;

final class CustomViewModeListener
{
    public function __invoke(RegisterViewModesEvent $event): void
    {
        $event->addViewMode(
            identifier: 'kanban',
            label: 'Kanban Board',
            icon: 'actions-view-tiles',
            template: 'EXT:my_extension/Resources/Private/Templates/Kanban.html'
        );
    }
}

Architecture Overview  

Security  

The extension follows the TYPO3 Security Guidelines:

• Input Validation: User inputs are validated and sanitised
• SQL Injection Prevention: TYPO3's QueryBuilder with parameterised queries
• CSRF Protection: AJAX endpoints utilise TYPO3's token handling
• Access Control: Compliance with backend user permissions

Documentation & Resources  

Summary  

Records List Types makes the TYPO3 backend more flexible. Three view modes, drag & drop, and persistent user preferences improve everyday editorial work, with no configuration required after installation.

What you get:

• Three pre-configured view modes: grid, compact, teaser
• Drag & drop sorting in the grid view
• Extensible with custom view types (PSR-14 / TSconfig)
• Persistent user preferences and dark mode