Skip to content

Event:The formatter "Image tile event teaser"

An event consists of time and date information plus optional images and texts in multiple paragraphs.

The image tile teaser displays a shortened version of the content with a prominent image and a text excerpt that lies on top of the image. In addition, a link to the detail view of the content is generated.

The teaser items can be arranged next to each other in the list like tiles, where the image format set defines the size of the teaser item.

This teaser can only be used in a list.

Available element settings

Allows to change the element layout using predefined CSS modifications.

Please note that a specific element may not support all listed modifications.

Controls whether, and if yes how the date is displayed.

Instead of the presets, you can also manually enter any format.

If you for example enter "EEE, dd-MM-yy", an output like "Sun, 01-10-17" is generated.

Detailed information about custom formats is available in the documentation about Java date formatting.

Allows you to set the image size based on common formats.

The image will automatically be scaled so that the original pixels are best fitted to the selected target format.

Instead of the presets, you can also manually enter any format. Use "width-height", for example "5-1" for an extreme wide format.

Adds an effect that is triggered if the mouse is moved over the element.

The effect is disabled for mobile devices.

Controls how many image tiles are displayed per row on large screens.

Controls how the image tiles in the list are varied based on page number.

This applies mostly to larger screens like desktops. On mobile devices, the elements are usually all displayed in the same size.

Controls the pixel width of the spacing between the tiles.
Controls if the preface text from this content is shown.