nochmal Handorgel

[theobald]

Moin moin in die Runde,

ich update gerade eine große Site (ca. 100 Seiten) von Contao 4.13 auf 5.3. Das Update ist durch und soweit alles ok gelaufen.

Die vormaligen Redakteure habe umfangreich Gebrauch von verschachtelten Akkordeons gemacht und diese sind nun nicht mehr funktionsfähig.

Das ist kein Problem, da sie im Rahmen des Updates sowieso überarbeitet werden sollten.

Nun unterstützt das neue Akkordeon ja Verschachtelung, nur werden leider auf meinem System unter Contao 5.3.9 keine Inhalte in tieferen Ebenen angezeigt.

Ist das bekannt oder könnte das explizit ein Fehler in meiner Site sein?

Beim Aufklppen der 2. erhalte ich nur graue Balken:

screenshot-2024.09.13-08_22_09.png

Ist das bekannt?

Grüße vom
Theo

[Spooky]

Bevor du dich um Probleme kümmerst musst du immer zuerst sicherstellen, dass du die neueste Version aller Pakete installiert hast.

[theobald]

also Du meinst damit? Contao 5.3.14?

EDIT:
Ok. Habe auf 5.3.14 geupdated. Problem ist immer noch vorhanden...

[theobald]

ok. Ich habs jetzt soweit, dass sich die Akkordeons in der 2. Ebene bedienen lassen. Das geht aber auf Kosten der 1. Ebene, denn die lässt sich dann nicht mehr schließen. Selbst wenn man Alle Bereiche schließen aktiviert.

Wenn ich mal davon ausgehe, dass mir hier kein Fehler unterlaufen ist, so könnte es sich um einen Bug handeln? Kann das jmd. bestätigen?

Grüße vom
Theo

[Spooky]

Nun unterstützt das neue Akkordeon ja Verschachtelung, nur werden leider auf meinem System unter Contao 5.3.9 keine Inhalte in tieferen Ebenen angezeigt.

Ist das bekannt oder könnte das explizit ein Fehler in meiner Site sein?

Beim Aufklppen der 2. erhalte ich nur graue Balken:

screenshot-2024.09.13-08_22_09.png

Zeige mal die Backend Ansicht. Ist das ein Akkordeon innerhalb eines Akkordeons?

[theobald]

ja gern, hier kommen die Screenshots:

Akkordeon im Artikel (1. Ebene)
screenshot-outer-2024.09.13-09_15_55.png

Inhalt des Akkordeons 1. Ebene
screenshot-outer-detail-2024.09.13-09_15_55.png

dort befinden sich 3 weitere Akkordeons 2 Ebene mit je einem oder zwei Text-Elementen
screenshot-inner-2024.09.13-09_21_14.png

Die Darstellung am FE sieht dann so aus:
screenshot-darstellung-fe-2024.09.13-09_27_09.png

Dort, wo der Inhalt stehen sollte, erscheinen weiße Streifen. Pro Inhaltselement scheinbar einer...

[Spooky]

Es sieht so aus als hättest du für das innere Akkordion keine Bereichsüberschrift vergeben.

[theobald]

Wo sieht man das?

Diese Auflistung zeigt doch Bereichsüberschriften:
screenshot-outer-detail-2024.09.13-09_15_55.png

screenshot-bereichsüberschrift-2024.09.13-10_53_57.png

Wrd bei fehlender Überschrift der Content deaktiviert?

[Spooky]

Wo sieht man das?

Dieser Screenshot lässt das vermuten.

Ich kann dein Problem so nicht nachvollziehen. Wenn ich in Contao 5.3 verschachtelte Akkordeons erstelle, funktioniert das grundsätzlich - also das innere Akkordeon hat die entsprechende Bereichsüberschrift. Nicht so wie bei dir keine.

Poste einen Link zur Seite.

[theobald]

habe Dir eine PN geschickt...

Gut, wenn es prinzipiell funktioniert. Es ist ja gut möglich, dass durch das Update der Site etwas hängen geblieben ist...

Ich habe zwar auch gänzlich neue verschachtelte Akkordeons zu Testzwecken eingefügt, aber das Ergebnis ist dasselbe... daher meine Frage hier...

[Spooky]

Also bei dem von dir geschickten Link sieht es weiterhin so aus, als hättest du keine Bereichsüberschrift festgelegt.

[Spooky]

Unabhängig davon: das was dir auf jeden Fall noch fehlt ist multiSelectable: true - andernfalls lassen sich verschachtelte Handorgel Accordions nicht bedienen. Siehe https://github.com/oncode/handorgel/issues/35

[theobald]

OK. Das sagt mir ertmal leider garnichts. Wo muss das hin? Ist das eine ccs-Klasse oder wo wird das eingestellt? Im Content-Element Akkordeon sehe ich das nicht...

Meinst Du das? https://developer.mozilla.org/en-US/...ultiSelectable

OK. das kann ich dem <select>-Tag mal hinzufügen... gibts in C5.3 dafür schon eine vorgefertigte Klasse?

(btw. hab Dir mal $20 via github gespendet...)

[Spooky]

OK. Das sagt mir ertmal leider garnichts. Wo muss das hin? Ist das eine ccs-Klasse oder wo wird das eingestellt? Im Content-Element Akkordeon sehe ich das nicht...

Das musst du via Template Anpassung machen - dazu kannst du dann diesen Block überschreiben: https://github.com/contao/contao/blo...l.twig#L54-L57

[theobald]

ok, aber mein aktuelles Template content_element/accordion.html.twig sieht leider nur so kurz aus:

{% extends "@Contao/content_element/accordion.html.twig" %}

{#
  ** Add changes to the base template here. **

  Hint: Try adjusting blocks and attributes instead of
  overwriting the whole template. This way your version
  can remain compatible with future changes to the base
  template as well as adjustments made by extensions.

  Currently available blocks:
    "stylesheet_component", "content", "element",
    "element_header", "element_content", "script",
    "init_options", "style", "headline_component",
    "headline_attributes", "headline_inner",
    "wrapper", "wrapper_tag", "attributes", "inner",
    "metadata"

  Example:
    {% block stylesheet_component %}
       {{ parent() }}
       My additional content for 'stylesheet_component'…
    {% endblock %}
#}

Muß dieses gesamte Template durch den von Dir verlinkten Code ersetzt werden?

[Spooky]

Nein, du musst in deinem Template den erwähnten Block überschreiben:

{% extends "@Contao/content_element/accordion.html.twig" %}

{% block init_options %}
    multiSelectable: true
{% endblock %} 

(gilt btw. aber dann für alle Accordions)

[mlweb]

Mit der ersten Zeile wird das Originaltemplate erweitert.
Danach brauchst Du nur den von Spooky genannten Block überschreiben.

Edit: Vielleicht hilft die Doku fürs Gundverständnis https://docs.contao.org/manual/de/la...derverwendung/

[theobald]

Ja jetzt sehe ich! Template Inheritance... alles klar... Danke!

[pipkin]

Ich versuche gerade, sehr viele Akkordeon-Elemente übersichtlich darzustellen. Es handelt sich hier um eine Altlast, die noch mit Einzelelementen vom alten Schlag aufgebaut worden war. Die Redakteure haben dazwischen einfach Zwischenüberschriften eingezogen, um die Elemente optisch zu gruppieren. Das Akkordeon-Verhalten blieb dabei bestehen. Jetzt habe ich gelernt, dass es sich aber wohl um einen glücklichen Bug gehandelt hat.

Wie dem auch sei geht das nun so also nicht mehr, und ich versuche gerade einen anderen Weg, Übersichtlichkeit herzustellen: Verschachtelte Akkordeons/ Handorgeln.

Was vorher die Zwischenüberschrift war, soll nun quasi ein Akkordeon-Element sein, das weitere Akkordeon-Elemente beinhaltet.

Hierfür habe ich es mit einer Template-Anpassung mit "multiSelectable: true" probiert, was allerdings zur (vermutlich logischen) Folge hat, dass sich kein Element mehr automatisch schließt.

Dann habe ich zwei verschiedene Twig-Templates angelegt, eines für die äußeren Akkordeon-Elemente mit "multiSelectable: true" und eins für die inneren Akkordeon-Elemente mit ""multiSelectable: false". Denn wenigstens die inneren Elemente sollen sich noch wie normale Akkordeons verhalten. Aber das geht leider schief. Entweder ist anscheinend alles auf multiSelectable oder nichts.

Gibt es noch einen anderen Weg, das mit Bordmitteln zu erreichen?

[mlweb]

Hast Du einen Link zur Seite, damit man sich besser vorstellen kann was das gewünschte Verhalten ist.