Ergebnis 1 bis 4 von 4

Thema: Akkordeon (accordion) zuklappen

  1. #1
    Contao-Fan Avatar von eisenherz
    Registriert seit
    12.11.2010.
    Ort
    Münster
    Beiträge
    918

    Standard Akkordeon (accordion) zuklappen

    Bevor hier alle "Profis" Schnappatmung kriegen ... ich habe gesucht. "akkordeon, zuklappen"
    Der neuste Artikel den ICH gefunden haben bezieht sich auf 3.5 bzw. 2016. Dort wurde schon geklagt, dass die Anleitung nicht mehr zum Code passt

    Ich habe das hier gefunden
    PHP-Code:
    display: -1// -1, alle Akkordions sind am Anfang eingeklappt 
    Der Hinweis, dass man hinter
    PHP-Code:
    opacityfalse 
    einsetzen soll ...wird wohl nicht funktionieren oder


    Ich habe Template ce_AccordionStart dupliziert. Muss ich das noch umbenennt ( z.B. "close" ergänzen->ce_AccordionStartclose)
    Oder überschreibe ich das Original?


    PHP-Code:
    <section class="<?= $this->class ?> ce_accordion block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

      <div class="<?= $this->toggler ?>"<?php if ($this->headlineStyle): ?> style="<?= $this->headlineStyle ?>"<?php endif; ?>>
        <?= $this->headline ?>
      </div>

      <div class="<?= $this->accordion ?>">
        <div>
    Geändert von eisenherz (05.07.2023 um 13:23 Uhr)
    DropLimits -Die Seite der Rekordjäger

  2. #2
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.914
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,

    hier wirst du fündig: Erdmann & Freunde
    Grüsse
    Bernhard


  3. #3
    Contao-Fan Avatar von eisenherz
    Registriert seit
    12.11.2010.
    Ort
    Münster
    Beiträge
    918

    Standard

    Ich habe es jetzt so gelöst:

    Infos aus mehreren Threads zusammengenagelt und hat erfreulicherweise funktioniert

    mit "akkordeon" findet man wenig zu "accordion". Man muss also schonmal wissen was man genau sucht. Macht das Suchen nicht leichter

    Neues Template erstellen.
    Beim Suchen das richtige Template wählen
    Bildschirmfoto 2023-07-05 um 13.15.26.png
    Das "j_accordion" nicht wie ich zuerst dachte "start..."

    Template anpassen

    Hinter
    PHP-Code:
    collapsibletrue
    PHP-Code:
    activefalse
    ergänzt
    Sieht dann bei mir so aus:
    PHP-Code:
    <script src="<?= $this->asset('js/jquery-ui.min.js''contao-components/jquery-ui'?>"></script>
    <script>
      jQuery(function($) {
        $(document).accordion({
          // Put custom options here
          heightStyle: 'content',
          header: '.toggler',
          collapsible: true,
    active: false,
          create: function(event, ui) {
            ui.header.addClass('active');
            $('.toggler').attr('tabindex', 0);
          },
          activate: function(event, ui) {
            ui.newHeader.addClass('active');
            ui.oldHeader.removeClass('active');
            $('.toggler').attr('tabindex', 0);
          }
        });
      });
    </script>
    Fertig. Einfach wenn man es weiß ... wenn nicht, sucht man halt ein paar Stunden und probiert rum

    Kann man das nicht irgendwie leichter auffindbar machen ... bin ja nicht der Einzige der sich in den letzten 10 Jahren daran versucht hat
    DropLimits -Die Seite der Rekordjäger

  4. #4
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    7.080
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Zitat Zitat von eisenherz Beitrag anzeigen

    Kann man das nicht irgendwie leichter auffindbar machen ... bin ja nicht der Einzige der sich in den letzten 10 Jahren daran versucht hat
    Ja sicher. Du kannst dich zum Beispiel an der Dokumentation beteiligen und dort einen entsprechenden Abschnitt hinzufügen, der die Anpassungsmöglichkeiten für das Template ce_accordion.html5 beschreibt. Würde m.E. gut in den Abschnitt Anleitungen passen.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •