Zweispaltige Liste

29.03.2024

Inhaltsverzeichnis

"zweispaltige Liste" im Vertical Shop in der mobilen Ansicht

"zweispaltige Liste" im Vertical Shop in der mobilen Ansicht

Nutzung

Das Flex-Modul “Zweispaltige Liste” ist geeignet für alle Listen, die einen klaren Rechts-Links-Bezug (in mobiler Darstellung: Oben-Unten-Bezug) der Daten haben.

Dies sind zum Beispiel:

  • Veranstaltungen nach Datum
  • Bands nach Bühne
  • Ansprechpartner nach Bezirk
  • Ansprechpartner nach Zuständigkeit
  • Vertragslaufzeit nach Firma

Wichtig ist, dass jede Zeile alleine für die Nutzer*innen verständlich ist. Es gibt hier keine Überschrift, die eine Spalte beschriftet und für einen barrierefreien Bezug genutzt werden kann.

Zum Seitenanfang

Verticals und Templates

Das Flex-Modul “Zweispaltige Liste” steht in allen Verticals zur Verfügung.

Es ist auf folgenden Seitentypen einsetzbar:

Das Modul ist ebenfalls im Intranet und im Auftritt des ITDZ nutzbar.

Anleitung

Screenshots

  • Zu sehen ist die mobile Ansicht einer Seite der Musikschule Friedrichshain-Kreuzberg mit Ansprechpartnern zum Instrumentenverleih, Blöcke sind durch feine Linien voneinander getrennt und enthalten jeweils eine Instrumentenklasse, sowie einen Ansprechpartner mit Namen und E-Mail-Adresse

    "Zweispaltige Liste" im Vertical Shop in der mobilen Ansicht

  • Zu sehen ist die mobile Ansicht einer Seite der Senatsverwaltung für Mobilität, Verkehr, Klimaschutz und Umwelt mit dem Modul zweispaltige Liste. Überschrift des Moduls ist "Nr. 1 - Unfall Adalbertstraße". Danach folgen die befüllten Blöcke, alternierend mit hellgrauem und mittelgrauem Hintergrund je Block. In den Blöcken sind bspw. die Informationen "Unfallbeteiligte" (in Fettdruck, im linken Bereich des Blocks hinterlegt) und "PKW / Fuß" (normaler Text, im rechten Bereich des Blocks hinterlegt). In der mobilen Ansicht werden beide Bereiche untereinander in dem selben Grauton angezeigt. Es folgen noch weitere Blöcke im selben Aufbau.

    "Zweispaltige Liste" im Vertical Organisation in der mobilen Ansicht

  • Zu sehen ist die mobile Ansicht einer Seite der VHS mit dem Modul "Zweispaltige Liste". Überschrift des Moduls ist "Imkeranfängerschulung...", es folgen in Fettdruck "Faszination Honigbienen" und ein Info-Text zu dem Kurs (beides im linken Bereich des Blocks hinterlegt). Danach folgen eine Aufzählung mit Daten zum Kurs und ein Link zur anbietenden VHS (beides im rechten Bereich des Blocks hinterlegt). In der mobilen Ansicht werden beide Bereiche untereinander angezeigt. Es folgt ein zweites zweispaltige Liste-Modul mit ähnlichem Aufbau.

    "Zweispaltige Liste" im Vertical Shop in der mobilen Ansicht

  • Zu sehen ist die Desktop-Ansicht einer Seite der VHS mit dem Modul "Zweispaltige Liste". Überschrift des Moduls ist "Imkeranfängerschulung...", es folgen auf der linken Bildschirmseite in Fettdruck "Faszination Honigbienen" und ein Info-Text zu dem Kurs. Auf der rechten Bildschirmseite steht eine Aufzählung mit Daten zum Kurs und ein Link zur anbietenden VHS. Es folgten ein zweites und drittes zweispaltige Liste-Modul mit ähnlichem Aufbau.

    "Zweispaltige Liste" im Vertical Shop in der Desktop-Ansicht

  • Zu sehen ist die Desktop-Ansicht einer Seite des Bezirksamts Pankow mit dem Modul "Zweispaltige Liste". Überschrift des Moduls ist "Sitzung am 23.11.2021 als Videokonferenz", es folgen auf der linken Bildschirmseite als normaler Text "Themen" und darunter in Fettdruck "Der SpD im Gesundheitsamt Pankow". Auf der rechten Bildschirmseite stehen Informationen zu diesem Beitrag mit Textformatierungen wie Absätzen, Fettdruck und Links.

    "Zweispaltige Liste" im Vertical Identität in der Desktop-Ansicht

FAQ

  • Wo ist das Modul Tabellenliste geblieben?

    Vor einiger Zeit wurde das Modul von “Tabellenliste” zu “Zweispaltige Liste” umbenannt, da die mobile Darstellung 2 Spalten zu einer reduziert wurde und deshalb streng auf den Bezug von rechts nach links geachtet werden muss und nicht von Spaltenüberschrift auf Spalteninhalt.

  • Wieso "zweispaltig" - ich sehe hier nur eine Spalte?

    Tatsächlich müsste es “1-2 spaltige Liste” oder gar “Mobile Ansicht: einspaltige, Desktop-Ansicht zweispaltige Liste” heißen. Die mobile Ansicht unterscheidet sich stark von der Desktop-Ansicht und dieses Modul ist noch nach letzterer benannt.

Weitere Informationen und Hilfe

Support-Kontakt: Probleme im Edit

Sie benötigen weitere Hilfe durch den Support? Stellen Sie gerne eine Anfrage mit dem verlinkten Formular. Weitere Informationen

Weitere Informationen zu diesem Auftritt

zum Seitenanfang