5.3.44 Legacy-Elemente Akkordeon vs Akkordeon

Hi Leute,

bei den Elementtypen gibt es 2 Arten von Akkordeon
a) Akkordeon
b) Legacy Akkordeon

Welche Version sollte man einsetzen?

Wie kann bei dem Akkordeon (a) alles so eingestellt werden, daß das Akkordeon generell geschlossen ist?
Und wie kann das Akkordeon nach dem öffnen auch wieder geschlossen werden? Bisher hatte ich einen .toggler dazu.
Was muß ich wie einstellen?

Müssen Templates geändert werden? Wenn ja, was?

Im Bild zu sehen ist die Akkordeon-Bezeichung (rot). Wie kommt man diese auf den eigentlichen Akkordeon (blau) drauf?
Anhang 28236

Zitat:

---

Zitat von Schnippel

Hi Leute,

bei den Elementtypen gibt es 2 Arten von Akkordeon
a) Akkordeon
b) Legacy Akkordeon

Welche Version sollte man einsetzen?

Wie kann bei dem Akkordeon (a) alles so eingestellt werden, daß das Akkordeon generell geschlossen ist?
Und wie kann das Akkordeon nach dem öffnen auch wieder geschlossen werden? Bisher hatte ich einen .toggler dazu.
Was muß ich wie einstellen?

Müssen Templates geändert werden? Wenn ja, was?

Im Bild zu sehen ist die Akkordeon-Bezeichung (rot). Wie kommt man diese auf den eigentlichen Akkordeon (blau) drauf?
Anhang 28236

---

Legacy fliegt in Contao 6 raus. Du solltest das neue Akkordeon nutzen.
Für die anderen Fragen gibt es hier bereits einige Antworten, was genau funktioniert mit Variante a nicht, gibt es Beispiele?

An Hand von Screenshots kann man leider kaum Fehler beurteilen/finden. Also bitte einen Link zur Seite posten.

Möglicherweise hast du das Konzept des Inhaltselementes Akkordeon noch nicht korrekt durchschaut.

Du legst ein Inhaltselement Akkordion an.
Hier hast du im Bereich 'Akkordeon-Einstellungen' die Möglichkeit das Häkchen zu setzen, damit mal alle Akkordeons geschlossen dargestellt werden.

Jetzt klickst du mit dem Icon 'Kindelemente bearbeiten' in die Inhalte rein: hier kannst du deine Inhaltselement pflegen.
Jedes der Inhaltselemente hat wiederum eine 'Bereichsüberschrift' die den Toggler im Frontend darstellt.
Und unter Elementtyp wählst du dann dein zu pflegendes Inhaltselement aus.

Schau dir dazu auch mal die Onlinedemo an
https://demo.contao.org/accordion.html
https://demo.contao.org/contao/

Ich glaube, dass das Schliessen der offenen Akkordeon-Elemente automatisch beim Öffnen eines anderen Akkordeon-Elementes passiert. Ansonsten müsstest du mit z.B. Javascript mal mit eingreifen.

Hallo Leute,

vielen Dank für eure Hilfe. Ich bin da jetzt schon ein paar Schritte weiter.

Nun stehe ich bissl vor dem dem Problem, daß mein CSS nicht so richtig funktioniert.

Ich möchte, daß im geöffnetem Zustand eines Akkordeons, der Balken / Toggler einen dunklen Hintergrund hat, wie im Bild rechts zu sehen.
Dieser Zustand entsteht aber erst, wenn man ausßerhalt des Fensters klickt und nicht automatisch beim Öffnen.
Im Bild links ist der Zustand, der aktuell angezeigt wird.

Hier das Bild:

Anhang 28239


Hier ist der Link zur Website


Als Vergleich hier das alte Legacy-Akkordeon. So soll es reagieren.

Wo muß ich da noch was anpassen?