mobil Menue mit drei ebenen

Druckbare Version

28.12.2020, 20:48
my-om

mobil Menue mit drei ebenen

Hallo,
wie kann ich mit Contao board Mittel so ein Mobil-Menue (3 ebenen) realisieren?
http://theme-preview.org/de/rhythm
Danke für eure Hilfe.
28.12.2020, 23:38
mlweb

Das geht mit dem normalen Menü von Contao. Du brauchst nur etwas Javascript und CSS dazu und natürlich Mediaqueries. Zwei Ebenen gehen auch vollkommen ohne Javascript.
29.12.2020, 07:50
my-om

Zitat:

Zitat von mlweb

Das geht mit dem normalen Menü von Contao. Du brauchst nur etwas Javascript und CSS dazu und natürlich Mediaqueries. Zwei Ebenen gehen auch vollkommen ohne Javascript.

Erst einmal herzlichen Dank für deine Antwort.

In dem Menu wird das + verwendet um das untermenue ein- oder auszublenden. Das ist mir wichtig wegen der Übersichtlichkeit.
Diese Funktion bedingt ein Java-script. In der Applikation ist da ein swipe Funktion.

Gibt es dafür ein Standard Js von contao oder muss da etwas eigenes geschrieben werden?

Und muss das Template der Navigation dabei auch angefasst werden?

Danke für eine kurze Antwort

Beste Grüße
29.12.2020, 12:29
rusty

Zitat:

Zitat von my-om

Gibt es dafür ein Standard Js von contao oder muss da etwas eigenes geschrieben werden?

Contao bringt kein Standard-JS für eine Mobil-Navigation mit. Also: selber schreiben. Eine Template-Anpassung sollte nicht nötig sein, es sei denn, du möchtest das Script dort integrieren.

Falls du das JS nicht so gerne selbst schreiben möchtest, könntest du eine Erweiterung für mobile Menüs installieren. Die haben allerdings oft den Nachteil, dass das Markup für die Navi doppelt benötigt wird: einmal für die Desktop-Navi und zusätzlich für die Mobil-Navi. Insofern wäre das eigene Script eleganter.
14.01.2021, 18:30
Samuell

Wenn ich mich recht erinnere habe ich früher sowas schonmal gebaut und dazu input type="checkbox" verwendet. Man muss nur zusehen, dass jede checkbox eine einzigartige ID hat. Dann kann man das auf alle Ebenen inkl. Button zum Klappen ausdehnen.

Der Weg über JS ist allerdings schöner, da semantischer (Keine Formularelemente zweckentfremdet). Und Du kannst bei Bedarf den Status der Navi noch an anderer Stelle nutzen.
15.01.2021, 07:06
my-om

Zitat:

Zitat von Samuell

Wenn ich mich recht erinnere habe ich früher sowas schonmal gebaut und dazu input type="checkbox" verwendet. Man muss nur zusehen, dass jede checkbox eine einzigartige ID hat. Dann kann man das auf alle Ebenen inkl. Button zum Klappen ausdehnen.

Der Weg über JS ist allerdings schöner, da semantischer (Keine Formularelemente zweckentfremdet). Und Du kannst bei Bedarf den Status der Navi noch an anderer Stelle nutzen.

hallo,
danke für deine Antwort. Das mit dem input type werde ich mir anschauen.

ich habe mir vor kurzem ein Theme gekauft, in dem das wunderbare gelöst wurde. Wenn möglich möchte ich das nachbauen. Bin aber noch nicht dazu gekommen. Sobald ich eine Lösung habe, werde ich sie hier veröffentlichen.