Accordions - Alle geschlossen halten

Aus Contao Community Documentation

Version vom 14. Februar 2011, 01:02 Uhr von Manitougs (Diskussion | Beiträge)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)


betrifft
Contao Version ab 2.9


Bindet man mehrere Accordions in einem Artikel ein, ist das erste Accordion standardmäßig offen.

Accordion Standard

Will man jedoch, dass alle Accordions geschlossen sind, muss das Template angepasst werden.

Voraussetzung ist, dass ein Templateordner dem verwendeten Theme zugeordnet sind. Wie das geht, ist in der Anleitung Die erste Webseite unter Punkt 3.2 und 4 beschrieben.

Um das Template anzupassen, wählt man im Backend unter Layout den Menüpunkt Templates und anschliessend auf Neues Template.

Neues Template

Das zum Accordion gehörende Template heisst moo_accordion.tpl, welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button Template erstellen.

Templateauswahl

In der Templateübersicht sieht man nun das gewählte Template in dem ausgewählten Ordner. Um das Template zu bearbeiten, wählt man den Bearbeiten-Button.

Templateübersicht

Das Template ändert man nun wie folgt ab:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function() {
  new Accordion($$('div.toggler'), $$('div.accordion'), {
    display:false,
    alwaysHide: true,
    opacity: false
  });
});
//--><!]]>
</script>

Anschliessend speichert man das Template ab.

Wie man nun sieht, sind alle Accordions geschlossen.

Alle Accorions geschlossen

Das Inhaltselement Accordion bietet keine Möglichkeit, um ein spezielles Template auszuwählen. Will man unterschiedliche Templates in unterschiedlichen Artikeln einsetzen, empfiehlt sich die Anleitung Eigene Templates trotz fehlender Auswahlmöglichkeit.

Ansichten
Meine Werkzeuge

Contao Community Documentation

Marc plant CFC für CCACSSCSR.

C-C-A
Navigation
Verstehen
Verwenden
Entwickeln
Verschiedenes
Werkzeuge