multiColumn

Ein einfaches und doch umfangreiches Mehrspalten-Layout ohne extra angepaßtes Template. Das sogenannte Eierlegende-Wollmilchsau-Modul für Anwender und Entwickler.

Jetzt auf GitHub herunterladen

multiColumn

Text kann auch schön

Die eierlegende Wollmilchsau, wenn es um Text geht

MultiColumn nutzt die von BlackCat CMS bereitgestellte Möglichkeit verschiedene Varianten eines Moduls auf einer Seite zu nutzen, ohne den Code des Moduls anpassen zu müssen. Mit Hilfe dieser Varianten lassen sich mit MultiColumn diverse Ansichten realisieren:

  • Klassisches Mehrspaltenlayout
    Hierbei werden die Inhalte in nebeneinander liegenden Blöcken dargestellt.
  • Tabs bzw. Reiter
    In dieser Variante liegen die Inhalte wie Karteikarten übereinander und können mit Hilfe von Tabs = Reitern nach vorn geholt werden.
  • Accordion bzw. aufklappende Bereiche
    Das Accordion dient dazu umfangreiche Listen mit Inhalten platzsparend abzubilden. I.d.R. verfügt jeder Eintrag der Liste über einen Titel und eine Beschreibung. Per Klick auf den Titel wird die Beschreibung eingeblendet. Die Beschreibungen der anderen Einträge werden gleichzeitig versteckt, also zugeklappt. Man findet diese Darstellungsform recht häufig bei FAQs.

Die vielfältigen Einsatz- und Darstellungsmöglichkeiten sind auszugsweise auch auf dieser Seite zu sehen. Selbstverständlich können die verschiedenen Varianten auf einer Seite kombiniert werden, indem man mehrere Inhaltsblöcke anlegt und für jeden dieser Blöcke die gewünschte Variante einstellt. Für Entwickler sind eigene Varianten extrem schnell angelegt - man benötigt also kaum neue Module!

Jetzt folgen eine kleine Auswahl der multiColumn-Varianten

Variante centerColor

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Variante default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Variante default

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

letima4Rows

Variante

asdasd

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

asdasd

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Variante oneAboveTwoSide

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

Links

Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo.

Rechts

Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.