Tag Archives: Grid Elements

Sehr bekannte und einfach zu bedienende Extension für TYPO3.
http://typo3.org/extensions/repository/view/gridelements

Bootstrap3 Carousel mit Grid Elements für TYPO3

Nach einer etwas längeren Pause, möchte ich meine kleine Reihe von Bootstrap-Gridelements-Elementen fortsetzen. Heute habe ich das Carousel-Element fertig gestellt. Damit ist es möglich, ohne große Aufwände einen Slider an jeder Stelle einer Website zu platzieren. Auch hier muss man einen „Carousel-Container“ erstellen und in diesem kann man dann mehrere „Carousel-Elemente“ einfügen. Das Carousel-Element ist in zwei Spalten aufgeteilt, eine für das Bild und eine für den Text, der auf dem Carousel angezeigt werden soll (auch Caption genannt). Read more …

Bootstrap3 Collapse mit Grid Elements für TYPO3

Nun da ich gerade dabei war, hab ich auch noch das Collapse Element von Bootstrap in eine Grid Elements Version übertragen. Die Umsetzung kommt ohne Fluid-Template aus und Umfasst nur drei Dateien.
Der Aufbau ähnelt dem Tabs-Element. Man erstellt einen „Collapsible Container“ und fügt diesem einzelne „Collapsible Elemente“ hinzu. In diese Elemente können dann wieder übliche Inhaltselemente erstellt werden. Read more …

Bootstrap3 Tabs mit Grid Elements für TYPO3

Auf Anfrage habe ich nun auch das Tabs-Element aus dem bekannten Bootstrap in eine Grid Elements Version übertragen. Die Durchführung war leider etwas komplizierter, da ein Extra Element für die Navigation oberhalb der eigentlichen Tab-Elemente erstellt werden musste. Ich habe das gelöst indem ich ein „FLUIDTEMPLATE“ für das Rendern des Containers verwendet habe. Aus diesem Grund funktioniert diese Variante auch nur für eine TYPO3-Installation >= 4.5 (ungetestet).

Der Aufbau ist einfach gehalten. Man erstellt einen Tabs-Container in dem man wiederum Tab-Elemente erstellen kann. In diese Tab-Elemente können dann wieder ganz normale Inhaltselemente eingefügt werden. Das gute an dieser Aufbauweise ist, dass es so auch möglich ist, mehrere Inhaltselemente „tabben“ zu lassen. Read more …

Bootstrap3 Grid mit Grid Elements für TYPO3

Wenn man eine Webseite mit TYPO3 unter Verwendung von Bootstrap 3 erstellt, kommt man meistens nicht daran vorbei ein Grid zu erstellen, wo der Redakteur die Seite selber strukturieren kann. Mit diesem Element kann der Redakteur dann ein Element erstellen, was eine Zwei-, Drei- oder Vierspaltigkeit darstellt. Innerhalb dieser Spalten kann man dann wieder gewohnte Inhaltselemente wie „Text mit Bild“ platzieren.

Die TYPO3 Erweiterung Grid Elements bietet die Möglichkeit, solche Elemente mit reinem TypoScript und Flexforms zu erstellen. Wenn man sich die Arbeit einmal gemacht hat, kann man so den Code jederzeit in anderen Projekten verwenden. Read more …