Accordion Menü

Sie können in Plone inzwischen sogenannte Accordion-Menüs verwenden, d.h. Abschnitte werden durch einen Klick aufgeklappt.

Nachfolgend zuerst ein Beispiel:

Accordions Beispiele

»Accordion Heading« und »Accordion Paragraph« lassen weiter folgende Textabsätze aus- und aufklappen. Dabei sind die beiden Stiles der Überschrift gleichwertig. Weisen Sie »Accordion Heading« der Zeile zu, die später als Überschriften stehen bleiben und damit „klickbar“ sein soll. Die Zeile bekommt Design der blauen Überschrift zweiten Grades.

Darunter schreiben Sie wie gewohnt den Text, der später aufgeklappt wird. Benutzen Sie »Accordion Paragraph« für ein Accordion Menü mit einer kleineren Überschrift. Das Design entspricht dem fett markierten Text. Ein Ineinanderschachteln von Accordion Heading und Paragraph ist nicht möglich.

Ein Accordion endet an der Stelle, an der entweder das nächste Accordion anfängt oder an der Sie eine Überschriften zweiten Grades (in Kupu heißt diese schlicht »Überschrift«) zuweisen. Falls beides nicht ihr Fall ist, können Sie einem Textabschnitt auch den Stil »Stop Collapse« zuweisen - das Accordion endet dann zu Beginn dieses Absatzes. Den zweiten und dritten Fall benötigen Sie, wenn Sie Accordions in die Seite integrieren wollen und unter einem Accordion die Seite normal weiter geht.

Die Accordion-Funktion (d.h. das aktive Ein- und Ausklappen) ist im Redaktionsbereich innerhalb des Editors deaktiviert, da die Funktion ansonsten mit der Funktionalität des Editors kollidiert. Für Redakteure heißt das: Lassen Sie sich nicht dadurch irritieren, dass Sie ein Accordion angelegt haben und es scheinbar nicht funktioniert. Die Funktionalität können Sie erst nach dem Veröffentlichen (unangemeldet von außen) über Ihre normale Webseite testen.

Sie können festlegen, dass ein Accordion beim Laden der Seite automatisch aufgeklappt wird. Hierzu verwenden Sie bitte die Klasse »Accordion Heading open« und »Accordion Paragraph open«.

Anwendung

Accordions können Sie selbst beliebig frei erzeugen. Sie finden dazu in den Editoren Kupu und FCK einen Eintrag in dem Menü, in dem Sie z.B. auch Überschriften etc. zuweisen.

Im Kupu

Im Kupu

Im FCK

Im FCK

Weisen Sie »Accordion Heading« der Zeile zu, die später als Überschriften stehenbleiben und damit „klickbar“ sein soll. Darunter schreiben Sie wie gewohnt den Text, der später aufgeklappt wird. Benutzen Sie »Accordion Paragraph« für ein Accordion Menü mit einer kleineren Überschrift. Ein Ineinanderschachteln von Accordion Heading und Paragraph ist nicht möglich.

Hinweis: In Portlets funktionieren Accordion Menüs nicht.

Accordion-Abschnitt beenden

Ein Accordion endet an der Stelle, an der entweder das nächste Accordion anfängt oder an der Sie eine Überschriften zweiten Grades (in Kupu heißt diese schlicht »Überschrift«) zuweisen. Falls beides nicht ihr Fall ist, können Sie einem Textabschnitt auch den Stil »Stop Collapse« zuweisen - das Accordion endet dann zu Beginn dieses Absatzes. Den zweiten und dritten Fall benötigen Sie, wenn Sie Accordions in die Seite integrieren wollen und unter einem Accordion die Seite normal weiter geht.

Accordion testen

Die Accordion-Funktion (d.h. das aktive Ein- und Ausklappen) ist im Redaktionsbereich innerhalb des Editors deaktiviert, da die Funktion ansonsten mit der Funktionalität des Editors kollidiert. Für Redakteure heißt das: Lassen Sie sich nicht dadurch irritieren, dass Sie ein Accordion angelegt haben und es scheinbar nicht funktioniert. Die Funktionalität können Sie erst nach dem Veröffentlichen (unangemeldet von außen) über Ihre normale Webseite testen.

Accordion automatisch aufklappen

Sie können festlegen, dass ein Accordion beim Laden der Seite automatisch aufgeklappt wird. Hierzu verwenden Sie bitte die Klasse Accordion Heading open.