Testbuch

11.1 Akkordeon

Versionen

Es gibt zwei Versionen vom Akkordeon: Eine mit der Funktionalität von Bootstrap und die andere eigens nach der Umsetzung vom ILD programmiert.
Technisch unterscheiden sich die Versionen darüber hinaus nicht - Die Eingabe der Daten ist identisch, die Medieninhalte wie Grafiken oder Videos sind bei beiden über in LOOP übliche Tags zu verwenden.

Bootstrap

<interaction type="accordion" bootstrap="true" ><heading id="1">Dieses Akkordeon ist mit Bootstrap erstellt.</heading><content id="1">Es wurden nur wenige Anpassungen vorgenommen.</content><heading id="2">Bedienung</heading><content id="2">Es lässt sich nur über die Überschriften selbst öffnen, nicht aber über die Flächen, in der sie stehen. Es ist maximal eine Zeile geöffnet.</content><heading id="3">Frontend-Skript</heading><content id="3">Es musste kein eigens angelegtes Skript geladen werden, um dieses Akkordeon darzustellen. </content><heading id="4">Design</heading><content id="4">Um dem Design von LOOP zu entsprechen, wurden die abgerundeten Ecken entfernt und den Überschriften, die in einem <a></a> Tag stehen, wurde die rote Link-Farbe ersetzt.</content><heading id="5">Eingabe</heading><content id="5">Die Eingabe ist identisch zu der eigens Entwickelten Version.</content><heading id="6">Medien</heading><content id="6">
Platzhalter01.jpg
Das funktioniert gut.</content><heading id="7">Es sind maximal sieben Zeilen möglich.</heading><content id="7">Um die Übersichtlichkeit zu wahren.</content></interaction>


Eigene Version

<interaction type="accordion" bootstrap="false" ><heading id="1">Dieses Akkordeon ist selbst erstellt.</heading><content id="1">Es wurde an die ILD Version angelehnt.</content><heading id="2">Bedienung</heading><content id="2">Es lässt sich nicht nur über die Überschriften selbst öffnen, sondern auch über die Flächen, in der sie stehen. Es ist maximal eine Zeile geöffnet.</content><heading id="3">Frontend-Skript</heading><content id="3">Es musste ein eigens angelegtes Skript geladen werden, um dieses Akkordeon darzustellen. </content><heading id="4">Design</heading><content id="4">Um dem Design von LOOP zu entsprechen, ist dieses Akkordeon in hellem Grau mit hover-Effekt versehen.</content><heading id="5">Eingabe</heading><content id="5">Die Eingabe ist identisch zu der Bootstrap Version.</content><heading id="6">Medien Beispiel</heading><content id="6">
Platzhalter01.jpg
Das funktioniert gut.</content><heading id="7">Es sind maximal sieben Zeilen möglich.</heading><content id="7">Um die Übersichtlichkeit zu wahren.</content></interaction>

Printversion

ONLINE ANSICHT

Dieses Akkordeon ist selbst erstellt.
Es wurde an die ILD Version angelehnt.

Bedienung
Es lässt sich nicht nur über die Überschriften selbst öffnen, sondern auch über die Flächen, in der sie stehen. Es ist maximal eine Zeile geöffnet.

Frontend-Skript
Es musste ein eigens angelegtes Skript geladen werden, um dieses Akkordeon darzustellen.

Design
Um dem Design von LOOP zu entsprechen, ist dieses Akkordeon in hellem Grau mit hover-Effekt versehen.

Eingabe
Die Eingabe ist identisch zu der Bootstrap Version.

Medien Beispiel

Platzhalter01.jpg
Das funktioniert gut.

Es sind maximal sieben Zeilen möglich.
Um die Übersichtlichkeit zu wahren.