Die toujou-Elementbibliothek

Widgets

In toujou finden Sie vorkonfigurierte Widgets mit den notwendigen Freiheiten dort, wo Sie diese brauchen. Ihnen stehen komplexe Formulare, manuell oder automatisierte Produktpräsentationen sowie frei kombinierbare HTML-Elemente zur Verfügung.

Das Element Insert Record dient dazu, Datensätze zu referenzieren und kann daher nicht mittels Vorschau dargestellt werden. Hier geht es direkt zum Tutorial für die Erstellung dieses Elements:

Insert Record ❯

Cookie consent configuration | Previous/Next Page Navigation | Forms | Social Media Bar | Event Teaser List | Location Finder | Code Block | Counter | HTML

Gebrauchsanweisung

Auf dieser Seite finden Sie die in toujou verfügbaren Widgets. Um nicht mit echten Inhalten verwechselt zu werden, verwenden wir in der Bibliothek Blindtext.

Zur detaillierten Nutzungsanleitung gelangen Sie über die rechts unter dem jeweiligen Element platzierten

Schaltflächen ❯

Alle Widget-Elemente im Überblick

Cookie consent configuration element

Previous/Next Page Navigation

Ansicht für Endgeräte mit mehr als 1440 px Breite

Widescreen

Ansicht für Endgeräte mit mehr als 1024 px Breite

Desktop

Ansicht für Endgeräte mit mehr als 600 px Breite

Tablet

Ansicht exemplarisch mit 375 px Breite

Mobile

Social Media Bar

Event Teaser List

1. 

   Event 1

   Veranstaltung

   30.11.2028

   Geplant

   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

   Weiterlesen

Location finder

Code Block

        const test = "This is a variable";

function add (a,b) {
	return a + b;
	}
    

Counter

• 1

  Beispielansicht ohne Präfix und Suffix, mit Primary Design

• ~ 1

  Beispielansicht mit Präfix, mit Inverted Design

• ~ 1 km

  Beispielansicht mit Präfix, Suffix und Secondary Design

Timeline

• 2018
• 2020
• 2022
• 2024

2018

Launch von toujou

Im Jahr 2018 wurde der TYPO3 Website-Baukasten offiziell gelauncht.

2020

Neue Features

Nicht nur 2020, aber auch in diesem Jahr wurden neue Features für toujou freigeschaltet. Ein Beispiel: Das Event-Modul, mit dem sich Veranstaltungen anteasern lassen.

Events in toujou

2022

Mehr Flexibilität

In diesem Jahr sollte der Website-Baukasten seine Flexibilität vorführen, indem nicht nur die inkludierten Elemente und Features, sondern auch Systemintegrationen mit toujou ermöglicht wurden.

Systemintegrationen

2024

Release Timeline Element

Im Jahr 2024 wurde Timeline als eines von 150+ toujou-Elementen für alle toujou-Kunden und -Anwenderinnen zugänglich.

Alle HTML-Elemente in der Übersicht

HTML  Plain HTML Code in grid width

HTML full-width Plain HTML Code in full page width

HTML with Text (left, 33%)  HTML width: 33%, Text width: 67%

HTML with Text (right, 33%)  HTML width: 33%, Text width: 67%

HTML with Text (left, 50%) HTML width: 50%, Text width: 50%

HTML with Text (right, 50%) HTML width: 50%, Text width: 50%

HTML with Text (left, 67%) HTML width: 67%, Text width: 33%

HTML with Text (right, 67%) HTML width: 67%, Text width: 33%

HTML with Multicolumn Text left Three equal-width columns, HTML in first column

HTML with Multicolumn Text right Three equal-width columns, HTML in last column