Zum Hauptinhalt springen

Textbox

Status: veraltet (obsolete). Bitte verwenden Sie das Inhaltselement Textbox nicht mehr. Die bisherigen Funktionen werden durch das Inhaltselement Text ersetzt: Über den Tab Erscheinungsbild können Sie den Text mit einem farbigen Hintergrund versehen. Wenn Sie Textbereiche nebeneinander benötigen, setzen Sie zusätzlich einen Container ein. Das Element Textbox wird künftig aus dem System entfernt.

Auf einen Blick

Bisherige Funktion

Text optisch hervorheben (Hinweis-/Infokasten), teils auch als zweispaltige Anordnung

Neue Empfehlung

  • Text mit Layout im Tab Erscheinungsbild
  • bei mehreren Spalten: Container + darin Text-Elemente

Verfügbare Hintergrundfarben im Text-Element

  • ohne Hintergrund
  • hellgrau
  • hellblau
  • dunkelblau
  • gelb

Was bedeutet das für bestehende Textboxen

  • Bestehende Textboxen können weiterhin angezeigt werden, sollten aber schrittweise ersetzt werden.
  • Da das Element künftig abgeschafft wird, ist es sinnvoll, Textboxen bei Gelegenheit bei Seitenüberarbeitungen zu migrieren.

Empfohlene Alternative: Text mit Hintergrund (Erscheinungsbild)

Für Hinweise, Tipps, Merksätze oder hervorgehobene Service-Informationen nutzen Sie künftig das Inhaltselement Text und wählen dort im Tab Erscheinungsbild das gewünschte Layout (Hintergrundfarbe).

Empfehlung

  • Hintergründe sparsam einsetzen und pro Seite konsistent bleiben (z. B. gelb nur für wichtige Hinweise).
  • Bei dunkelblau Kontrast und Lesbarkeit (auch mobil) prüfen.

Textbox-Varianten nachbilden

Textbox als einzelner Hinweisblock

  • Ein einzelnes Text-Element mit Hintergrund über Erscheinungsbild genügt.

Textbox neben Text (mehrspaltig)

Wenn ein Hinweis neben einem Textabschnitt stehen soll:

  1. Legen Sie einen Container mit passendem Spaltenlayout an (z. B. 2 Spalten).
  2. Platzieren Sie in Spalte A den normalen Fließtext (Text-Element ohne Hintergrund).
  3. Platzieren Sie in Spalte B den Hinweis (Text-Element mit Hintergrundfarbe).

Textbox Darstellungsvarianten

Breite der Box: Textbox (gesamte Breite)
Hintergrundfarbe der Box: hellgrau (dezente Hervorhebung)

Breite der Box: Textbox (gesamte Breite)
Hintergrundfarbe der Box: hellblau (starke Hervorhebung, empfohlen für Tipps)

Breite der Box: Textbox (gesamte Breite)
Hintergrundfarbe der Box: gelb (starke Hervorhebung, empfohlen für wichtige Hinweise)

Breite der Box: Textbox neben Text (Hälfte der Seite)
Hintergrundfarbe der Box: hellgrau (dezente Hervorhebung)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Breite der Box: Textbox neben Text (Hälfte der Seite)
Hintergrundfarbe der Box: hellgrau (dezente Hervorhebung)

Breite der Box: Textbox neben Text (Hälfte der Seite)
Hintergrundfarbe der Box: hellblau (starke Hervorhebung, empfohlen für Tipps)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Breite der Box: Textbox neben Text (Hälfte der Seite)
Hintergrundfarbe der Box: hellblau (starke Hervorhebung, empfohlen für Tipps)

Breite der Box: Textbox neben Text (Hälfte der Seite)
Hintergrundfarbe der Box: gelb (starke Hervorhebung, empfohlen für wichtige Hinweise)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Breite der Box: Textbox neben Text (Hälfte der Seite)
Hintergrundfarbe der Box: gelb (starke Hervorhebung, empfohlen für wichtige Hinweise)

Breite der Box: Textbox neben Text (ein Drittel der Seite)
Hintergrundfarbe der Box: hellgrau (dezente Hervorhebung)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Breite der Box: Textbox neben Text (ein Drittel der Seite)
Hintergrundfarbe der Box: hellgrau (dezente Hervorhebung)

Breite der Box: Textbox neben Text (ein Drittel der Seite)
Hintergrundfarbe der Box: hellblau (starke Hervorhebung, empfohlen für Tipps)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Breite der Box: Textbox neben Text (ein Drittel der Seite)
Hintergrundfarbe der Box: hellblau (starke Hervorhebung, empfohlen für Tipps)

Breite der Box: Textbox neben Text (ein Drittel der Seite)
Hintergrundfarbe der Box: gelb (starke Hervorhebung, empfohlen für wichtige Hinweise)

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Breite der Box: Textbox neben Text (ein Drittel der Seite)
Hintergrundfarbe der Box: gelb (starke Hervorhebung, empfohlen für wichtige Hinweise)