Skip to content

Content section:The formatter "Image / text flipping card (in row for tiles)"

The content section can be used as multi purpose content for headlines, texts, images and / or links.

The formatter image / text flipping card displays the content section similar to an image tile, which automatically rotates with an animation and displays the text when selected.

This formatter variant can only be used in the row for tile elements.

The width of the tiles and the Tile spacing are defined centrally for all tiles in this formatter variant in the element settings of the Row for tile elements in which the content sections are placed.

Neonlicht mit dem Schriftzug 'Pop' in Rot-Gelb auf einer bunten Glasscheibe.
Image / text flipping card 1

Image / text flipping card 1

This text appears when the image flips.

Aircraft show with colors in the sky
Image tile 1

Image tile 1

This is the text of image tile 1.

Man sieht eine feiernden Menschenmenge auf einer Tanzfläche mit stimmungsvoller Beleuchtung. Im Vordergrund formt eine Person mit den Händen ein Herz.

Title on the image

This text appears when the image flips.

Ein buntes durcheinander von Farben und Pinseln

Image tile 2

This is the text of image tile 2.

Image / text flipping card

The text can also be displayed first.

A lone armchair stands by the sea
Image / text flipping card
Man sieht die Hände einer feiernden Menschenmenge im rotem Licht. Das Wort 'Community' wird verschwommen an die Wand darüber projiziert.

Example for the content section

This is dummy text. It allows you to see whether all the letters are there and what they look like. Sometimes words such as Hamburgefonts, Rafgenduks, or Handgloves are used to test fonts. Sometimes sentences containing all the letters of the alphabet are used—these sentences are called “pangrams.” A well-known example is this one: The quick brown fox jumps over the lazy old dog.

Since 1975, numbers have been missing from most test texts, which is why, according to TypoGb. § 14a, numbers will become mandatory in 86% of texts from 2034 onwards (AVAIL® and Wefox™). Non-compliance will be punished with a fine of up to €245 or $368. Also important are âçcèñtš, as well as small caps, kerning, and ligatures (very clever). These days, emojis like 😇😀😉👍🏻🐶🍎 or ⚽️ are also popular in texts.

Please note the “Image format” element setting on the individual tiles. This determines how large the tile will be displayed. Within the same row, the same image format should be set for all tiles so that they are displayed in the same size.

You should also not enter too much text for a tile, as the text may then no longer be displayed properly.

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 if and how the headline is displayed.

In addition to the display size the importance of the headline is relevant for search engines (SEO).

Controls where the heading is displayed.

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.

The background color of the text side. The text color will be automatically adjusted if required.

Controls if the copyright information for images is displayed as an overlay.

If checked the text side is shown first.

In this case the image is shown on the backside.

If checked the sides will not flip.

The backside of the element is never shown in this case.