The user experience of the TYPO3 page module suffers as soon as you insert content elements with custom fields. The preview widgets all look like the same, hiding important information. How to solve this?
As a developer for the Content Management System TYPO3, you usually customize and extend the system
for the particular use case of your stake holders. Giving their editors the best user experience
is a means to achieve acceptance and performance of managing content with TYPO3.
In the page module there are preview widgets for all content elements on the page.
The preview shows the header plus the value of the most important field for all default content elements.
For example, the image is the most important property for content elements of type “image”,
therefore it is rendered in the preview, together with the header:
When you create custom content elements, you have to tell TYPO3 how to render the preview widget.
By default only the standard fields from the core are rendered, depending on the “types” definition in TCA.
If you have custom fields which store the important information, the preview widget might look quite unintuitive.
Get this issue solved by hooking into the rendering process of the preview widget.
Unfortunately there is no clean-and-simple-API for that, but you can solve it with a hook and some PHP magic.
The rendering of the preview can be found in \TYPO3\CMS\Backend\View\PageLayoutView.
It provides a hook for customization. Your custom rendering definition has to implement the