Wrapper

Mit dem Wrapper Inhalte über die gesamte Bildschirmbreite platzieren

Verwendungshinweis

Wrapper werden innerhalb eines Rasterelements gepflegt. Dazu wird zuerst ein Inhalselement des Typs "Grid-Element" angelegt. Innerhalb dieses Elements kann über die Schaltfläche "Grid Layout" der Content-Wrapper ausgewählt werden.  Durch verschiedene Erweiterungsoptionen kann der Wrapper in seiner Darstellung angepasst werden. Dieses Element dient zur Darstellung von Inhalten, welche sich über die gesamte Breite des Bildschrims erstrecken sollen.

Optionen:
  • Container-Breite einstellen: Default: Container, Wrapper (max. Full-HD), Wrapper (ohne Abstand) 

  • Hintergrundfarbe wählen: Weiß, Hellgrau, Transparent

Container für Inhalte bei Full-Width Seitenlayout

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate

Außenabstand für Inhalte bei Full-Width Seitenlayout

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate

Kein Außenabstand für Inhalte bei Full-Width Seitenlayout

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate

Farbvariante (exemplarisch)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate