Map image

Your own square or 16:9 static map image with a textfield on either side.

Item-IDs: 06-005 | 06-006 | 06-007 | 06-008

Sample views Step by step guide Screen adaptation

Sample views

Square

This is a map element designed for location images and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address.

16:9

This is a map element designed for location images and this text. There are no restrictions for the nature of the content. So feel free to list the type of information as text or in the form of an address.

Step by step guide

Create new element

Click on the + Content button to create any map element.
In the Map Elements tab, select the map image element of your choice that is named accordingly

Insert image

Click on the button Add image.
Select an image file from your file list or upload a file to the appropriate folder (Select & upload files).

Insert and format text

Paste your text into the editor.
If you copy the text from another file, pay attention to possibly copied formatting.
The text can be formatted directly within the rich text editor, with the help of the menu above the editor.

Add social media buttons

In the Social Media tab, you can create links for various social media channels.
Insert the entire link to the profile for the respective medium.

Screen adaptation

A map image shows your own static image file of a map next to a textfield and social media icons with either a fixed square or 16:9 aspect ratio.

Responsive behaviour: If there is not enough space to display map and text area next to each other, all maps will show the information directly below. This ensures the consistent appearance of all maps on small devices, regardless of the original orientation.

Linked topics

toujou set-ups & TYPO3 tutorials related to this element description.

Text editing Image editing Filelist