Pulldown Box in einem Artikel

Hallo,

1. Wenn dies der falsche Bereich ist natürlich den Artikel passend verschieben. Danke

Also zu meinem Problem.

Ich habe in einer aktuellen Joomla Installation vor, in einem Artikel mehrere Pulldowns einzurichten.

Also erst steht eine Überschrift (bei Klick auf die Überschrift) => Text passend zu der Überschrift

Dies soll dann mehrmals hintereinander kommen.

Ich habe leider kein Beispiel oder änliches ich habe aber ein Video von einer Typo3 Seite wo das lief.

Ich hatte das schonmal mit einem Plugin/Erweiterung unter einer alten Joomla Version, aber unter 5.xx läuft das Teil nicht mehr.

Meine Frage nun gibt es soetwas für die 5.xx Version von Joomla??

Bei den Dateianhängen hier lade ich vier Bilder hoch. Ich hoffe, Ihr wisst was ich damit sagen will.

Liebe Grüße

Manakin

Zitat von -OJ-

Warum nicht einfach ohne Erweiterung? Bootstrap bringt doch alles mit.

Code

<div class="accordion" id="accordionExample">
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingOne">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        Accordion Item #1
      </button>
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <div class="accordion-body">
        <strong>This is the first item's accordion body.</strong> It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingTwo">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
        Accordion Item #2
      </button>
    </h2>
    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
      <div class="accordion-body">
        <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
      </div>
    </div>
  </div>
  <div class="accordion-item">
    <h2 class="accordion-header" id="headingThree">
      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
        Accordion Item #3
      </button>
    </h2>
    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
      <div class="accordion-body">
        <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
      </div>
    </div>
  </div>
</div>

Alles anzeigen

Dein Vorschlag funzt, der Button ist da. Ich kriege dahinter bloß kein Text bzw kann den Button nicht ausfahren oder einklappen. Ach und der Button geht fast über die gesamte Seite. Da müsste ich die größe noch anpassen können. Da ich den Besitzer der Seite sehr gut kenne, will der auch die Farben geändert haben. Ich kann leider solche Code Zeilen einfügen, aber mit dem Modifizieren happerts sehr stark leider.

Liebe Grüße

Manakin

Zitat von Indigo66

Sollte auch mit dem joomlaeigenen Plugin Seitenumbruch in der Darstellung "Sliders".

Das kriege ich leider gar nicht hin.

Vielleicht hab ich Tomaten auf den Augen. Ich kann aber im Plugin Seitenumbruch nirgends die Darstellung in Sliders ändern.

Liebe Grüße

Manakin

Zitat von Sieger66

Accordion ist eventuell nützlich:

getbootstrap.com/docs/5.3/components/accordion/

ghsvs.de/programmierer-schnipsel/joomla/337-schnipsel-beitraege-accordion-mit-joomla-4-hausmitteln

Joomla 4 Accordion

Alles anzeigen

Die Sachen funzen danke.

Zitat von Stef

aranemac hatte einen Plugin erstellt, vielleicht funktioniert es auch unter Joomla 5

Beitrag

RE: Joomla 4 Accordion

Hab das Problem nun gefixed, indem ich eine Option eingebaut habe, ob die entsprechende Bootstrap-Komponente von Joomla4 geladen werden soll oder nicht. (Einige Templates laden ja ihr eigenes Bootstrap-Framework)

jbsAccordion

Dadurch sollte es nun bei den meisten Templates laufen. (Sofern die nicht zu alte Komponenten mitbringen)

aranemac

31. Dezember 2021

https://github.com/aranemac/jbsAccordion

Danke für den Hinweis. Funzt auch super.

Danke an alle Tips & Tricks. Hab jetzt meine Version gefunden.