Skip to content
  • Guide TYPO3
  • Login / Account
  • Functions / Extensions
  • Audio / Video
  • Terms of Use
  • FAQs
  • de
  • en
  • Central Information Technology (TYPO3-Team)
  • IT Service Center (ITSZ)
  • Technical University of Munich
Technical University of Munich
  • Home
  • News from TYPO3 Team
  • Webpool
    • Non-faculty institutions
    • TUM School of CIT
    • TUM School of ED
    • TUM School of LS
    • TUM School of MGT
    • TUM School of MH
    • TUM School of NAT
    • TUM School of SOT
    • TUM Graduate School (GS)
    • Integrative Research Institutes (IRI)
    • Technology Core Facilities (TCF)
    • Corporate Research Centers
    • Munich School of Politics and Public Policy
    • TYPO3 Web-Archive
  • Service
    • Offer
    • Terms of use
    • Requirement
  • Documentation
    • TYPO3 basics
      • Terms
      • Module bar
      • Page tree
      • Filelist
      • Recycler
    • User management
      • Registration and login
      • Permission concept
      • Groupdelegation
    • Pages
      • Page types
      • Create a page
      • Visibility
      • Order pages
      • Delete pages
      • Scheduled publishing
      • Page layout
    • Content elements
      • Page content types
      • Create Page content
      • Headers
      • Text & Media
        • Images
        • Image gallery
        • Slideshow
        • Alternative text for images
        • Image cropping
      • Audio & video
        • Embedding audio files
        • Embedding videos
      • Tables
      • File Links
      • Menu
      • Insert records
      • Rich Text Editor (RTE)
      • Adding links
        • Manage anchors
      • Spacing between content elements
      • Multi-column content
      • Accordion Functionality
      • Frames & Boxes
      • Social Media Box
    • Extensions
      • CurlContent
      • TUM MemberList
      • TUMcourses
      • TUMvCard
      • News
      • TUMFIS
      • T3UP Carousel
      • iframe with consent
    • English version
    • Contact area
    • Accessible content
    • Legal matters
    • Maps
      • Maps with Google Maps
      • Maps with BayernAtlas
  • FAQs
  • Contact
  • Sitemap
  1. Home
  2. Documentation
  3. Content elements
  4. Multi-column content

Multi-column content

With the multi-column content option, you can arrange content elements side by side (in two or three columns).

  • Positioning of content elements
  • Two-column content
  • Three-column content
  • Placeholders
  • Examples of multi-column content

Positioning of content elements

Screenshot: Positioning
Image 1: Positioning

Create or edit a content element. In the “Appearance” tab under “Frame”, select the desired position (Image 1).

Note

To better view the order of the content elements in the backend, we have switched to the “List” module.

Two-column content

The order of the content elements in the backend must be set so that they alternate between left and right (Image 2). This order must be followed to ensure the layout is displayed correctly in the frontend. 

Screenshot: Order of the content elements in the backend
Image 2: Order of the content elements in the backend
Screenshot: Order and positioning in the frontend
Image 3: Order and positioning in the frontend

Three-column content

For three-column content, select the “frames” with "3 columns." The order of the content elements in the backend must be set so that they are alternately positioned on the left, centre, and right (Image 4).

Screenshot: Order of the content elements in the backend
Image 4: Order of the content elements in the backend
Screenshot: Order and positioning in the frontend
Image 5: Order and positioning in the frontend

Placeholders

Screenshot: Placeholder
Image 6: Placeholder

If you have an incomplete "row" - meaning there are not two (or three for three-column content) column elements - insert an empty content element as a placeholder:  

  • After the last column element, create a new content element.
  • In the “General” tab, set the following:
    • In the “Type” field, select "Header"
    • In the “Header” field, enter something like "(Placeholder)"
    • For “Type”, choose "Hidden"
  • In the “Appearance” tab, set the desired Frame.

Examples of multi-column content

You can find examples of 2-column and 3-column content on this page.

To top

TYPO3 News

14.04.2026

TUMFIS is now available (Open Beta)

23.03.2026

Structured Data and JSON‑LD available

25.02.2026

New functions: Image cropping and Anchor links

21.01.2026

New Security Concept - User Accounts

01.08.2025

We are in OTRS!

RSS Feed

TUM TYPO3 (ZIT)

Richard-Wagner-Str. 18
80333 München
typo3@tum.de

  • Privacy
  • Imprint
  • Accessibility