Widget für Wrapper- und Rasterelemente

Raster-Elemente werden über das Widget "GW Layout" eingefügt. Hierbei besteht die Auswahl zwischen verschiedenen Spaltenformaten, z.B. 2-Spalter oder 3-Spalter. Diese Einstellung kann über die Schaltfläche "Grid Type" vorgenommen werden. Die gebräuchlichsten Varianten sind folgend veranschaulicht. Optional kann das Element z.B. auf Portalseiten als Wrapper-Element über die Schaltfläche "Wrapper > Ja" mit Hintergrundfarbe und Container zur Zentrierung der Inhalte eingesetzt werden.

 

Optionen:

 

  • Wrapper: Container, Hintergrundfarbe
  • Grid Type: Raster wählen
  • Abstand zwischen den Spalten einfügen
  • Höhe der Elemente anpassen z.B. für Boxen mit Hintergrundfarbe
 

 

Raster

 

2-Spalter (50-50)

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

2-Spalter (66-33)

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

2-Spalter (33-66)

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

3-Spalter (33-33-33)

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

 

 

Wrapper

 

Container: Default

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

Container: Small

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.

Container: Large

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mauris cursus mattis molestie a iaculis. Porttitor massa id neque aliquam. In hac habitasse platea dictumst vestibulum rhoncus est. Eu nisl nunc mi ipsum faucibus vitae aliquet nec. Feugiat nisl pretium fusce id velit ut tortor pretium. Hendrerit gravida rutrum quisque non tellus orci ac auctor. Diam sit amet nisl suscipit adipiscing bibendum est ultricies. Ullamcorper sit amet risus nullam eget. Amet massa vitae tortor condimentum. Duis at consectetur lorem donec massa sapien faucibus et molestie. Vestibulum morbi blandit cursus risus at ultrices mi tempus imperdiet. Est lorem ipsum dolor sit amet consectetur.