[jquery-ui-tabs] jQuery UI Tabs als Content Element für Contao
Bindet die um folgende Funktionalitäten erweiterten jQuery UI Tabs als Content Element in Contao ein:
- Hash wird gemäß des aktuell geöffneten Tabs gesetzt.
- Öffnen eines Tabs wird in der Browser-History gespeichert.
- Tabs können durch Referenzierung des Alias durch jeden Link geöffnet werden (<a href="...#alias">).
- Elemente in der Tab-Navigation, die die Breite der Tab-Navigation überschreiten, können in ein Dropdown-Menü verschoben werden.
Demo: https://europawochelauf.de/organisat...es/sieger.html
GitHub: https://github.com/wangaz/contao-jquery-ui-tabs
Extension Repository: https://contao.org/de/extension-list...y-ui-tabs.html
Packagist: https://packagist.org/packages/wanga...jquery-ui-tabs
Bei Fehlern bitte ein Ticket bei GitHub aufmachen, alle anderen Fragen gerne hier!
Tabs in Akkordeon für eine bestimmte Fenstergröße umwandeln
Hi,
gibt es die Möglichkeit, z.B. für Smartphone-Ansicht oder eine bestimmte Breite, die Tabs in Akkordeon umzuwandeln?
Das fände ich echt super.
Vielen Dank und schöne Grüße
Adelaide
[jquery-ui-tabs] jQuery UI Tabs als Content Element für Contao
Zitat:
Zitat von
netgroup
gibt es die Möglichkeit, z.B. für Smartphone-Ansicht oder eine bestimmte Breite, die Tabs in Akkordeon umzuwandeln?
Das fände ich echt super.
Möglich ist das natürlich schon, allerdings sieht die HTML-Struktur der beiden Elemente unterschiedlich aus, daher müsste auch diese angepasst werden und es wäre nicht mit einem einfachen Austausch der Initialisierung im JavaScript-Code getan.
Auch in Kombination mit Sprungmarken möglich?
Hallo,
ich würde gerne die Tabs in Kombination mit Sprungmarken benutzen.
Also z.B. ein Link in der Navigation, der an eine bestimmte Stelle auf einer Seite verweist und gleichzeitig das richtige Tab anzeigt. Ist das auch Möglich?
Danke.
Thorsten
Liste der Anhänge anzeigen (Anzahl: 1)
Frage zu jquery-ui-tabs
Ich benutze Contao 3.5.6. (Gerade vor einer Woche eine neue Webseite aufgesetzt.)
In früheren Contao-Versionen hatte ich für Tabs die Erweiterung fry_accessible_tabs benutzt und war sehr zufrieden damit..
Nun wollte ich die Erweiterung jquery-ui-tabs ausprobieren und komme irgendwie damit nicht zurecht. Irgendwie fehlt mir eine Anleitung dazu.
Momentan sieht die Seite so aus (siehe Anhang) und URL http://ruegener-line-dancer.de/ueber-uns.html
Müsste ich nun per CSS (ähnlich wie bei fry_accessible_tabs) alles weitere einrichten?
Sorry, falls die Frage zu blöd ist :-(
Hamburgermenu bis Viewport-Width 768px
Zitat:
Zitat von
netgroup
gibt es die Möglichkeit, z.B. für Smartphone-Ansicht oder eine bestimmte Breite, die Tabs in Akkordeon umzuwandeln?
Das fände ich echt super.
Hallo erstmal,
da ich neu hier im Forum bin stell ich mich erstmal vor:
Frankie, von Beruf Mediengestalter mit Schwerpunkt Frontend-Entwicklung, immer auf der Suche nach zeitsparenden Lösungen. :D
Ich finde das Plugin sehr gelungen, quasi selbsterklärend und auch recht einfach für Redakteure zu handlen. Nun hat ein Kunde den Wunsch, das Overflow-Dropdown in ein Hamburgermenu umzuwandeln, mit dem aktiven Tab als Text anstatt dem hinterlegten Standard-.dropdown span-Text.
Ich habe selbst schon etwas trial & error betrieben und, um die Zeit effektiv zu nutzen stelle ich jetzt einfach mal die Frage, ob jemand eine ähnliche Umsetzung geplant, bzw. im besten Fall schon umgesetzt hat. Die Frage hierzu ging ja schon mal in die richtige Richtung.
Vielen Dank im Voraus!
Frankie
[EDIT]
Die Contao-Version ist 3.5.17, Plugin-Version ist die 1.1.2, habe ich vergessen zu erwähnen... :cool:
Liste der Anhänge anzeigen (Anzahl: 1)
Huhu,
habe ein Frage zur Erweiterung.
Und zwar ist es so, dass der Kunde selbst die Inhalte einpflegt. Das geht am schnellsten/fehlerfreisten wenn einfach vorhandene Seiten kopiert und dann die Inhalte angepasst werden.
Nun ist es so, dass kopierte Artikel/Seiten mit Tabs erst mal Amok laufen, siehe Screen anbei. Die Tabs laden sich immer wieder selbst neu...
Das lässt sich beheben wenn die Tab-Elemente (Anfang, Mitte, Ende) einfach ohne Änderunge neu gespeichert werden. Das scheint dem Kunden aber zu kompliziert/zeitraubend und ja, sauber ist das auch nicht.
Wo liegt der Grund? Kann ich den irgendwie umgehen/beheben?
Ich weiß, dass Spooky einen Pull-Request gemacht hat, der auch eingespielt wurde, der irgendwas mit dem Kopieren zu tun hat. Ich kann aber nicht genau raus lesen, ob das der gleiche Fehler ist oder etwas damit zu tun hatte.
Zur Info: Contao 3.5.35 / wangaz/contao-jquery-ui-tabs 1.1.5 via Composer
LG
Nicole
Problem zwischen jquery-ui-tabs und dk-mmenu bei "?" in URL?
Hallo.
Ich habe hier gerade ein Problem, dass vermutlich irgendwie mit [jquery-ui-tabs] zusammenhängt.
Bei einer Contao 3.5.35 Installation passiert es immer wenn in der URL ein "?" dabei ist (in meinem Fall z.B. "?step=1" von mp_forms), dass komische Sachen passieren:
http://formtest.ish-immobilien.de/?
Das Einblenden von Blöcken per Javascript passiert dann im Sekundentakt und wenn ich mir Devtools anschaue passiert scheinbar beim [dk_mmenu] irgendwas was ich nicht wirklich deuten kann.
Die Tabs (beim "Kontakt" auf der rechten Seite) funktionieren dann auch nicht mehr.
Sobald ich im Layout jquery-ui-tabs unter den JQuery Einstellungen deaktiviere funktioniert alles ohne Sonderbarkeiten.
Ist mir irgendwie unverständlich was da passiert, weil [jquery-ui-tabs] doch gar nicht mit solchen Variablen in der URL arbeitet, oder?
Jemand ne Idee?
bisdenndann
björn