FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: jfhem am 26 Oktober 2016, 21:41:27

Titel: Multi-Level Menü
Beitrag von: jfhem am 26 Oktober 2016, 21:41:27
Liebe FHEM-Gemeinde,

vor ein paar Tagen habe ich begonnen, meine Heimautomation auf FHEM umzustellen. Ich möchte mich daher bereits jetzt bei allen fleißigen und fachkundigen Helfern und Code-Entwicklern bedanken. Ich bin wirklich über die professionelle Umsetzung und die Dokumentation beeindruckt! Nur aus diesem Grund funktioniert meine Hausautomation bereits jetzt!

Zurzeit möchte ich eine ansprechende Visualisierung mittels TabletUI umsetzten. Da ich jedoch bis jetzt mit HTML und CSS noch keine Erfahrung gesammelt habe, folgt die Umsetzung dem Trial-and-Error-Prinzip - also nicht wirklich befriedigend. Aus diesem Grunde wollte ich im Hilfe bitten bei der Umsetzung eines Multi-Level Menüs mit Slideout-Funktion. Letztere Funktion ist bereits in index_nav_mobil.html umgesetzt. Mir fehlt hier jedoch die Integration einer oder zweier Menüebenen.

Vielen Dank im Voraus und viele Grüße
Titel: Antw:Multi-Level Menü
Beitrag von: ErzGabriel am 28 Oktober 2016, 08:16:01
Poste mal bitte den entsprechenden Code und ich schaue mal, ob ich helfen kann.
Titel: Antw:Multi-Level Menü
Beitrag von: jfhem am 28 Oktober 2016, 08:37:35
Vielen Dank für deine Hilfebereitschaft!

Als Beispiel für das Slideout-Menü verwende ich die bereits in der neuesten Version von TabletUI enthaltenen Datei index_nav_mobil.html. Sicherheitshalber habe ich die Datei angehängt. In dieser Datei ist bereits ein Menü mit den Unterpunkten:

1. Temps
2. Lights
3. Windows
4. Sounds

implementiert. Mir gefällt die grafische Umsetzung prinzipiell sehr gut - mir fehlen jedoch noch weitere Menüebenen. Konkret schwebt mir die folgende klassische Struktur vor:

1. Geräte
1.1. Licht
1.2. Rollladen
1.3. Multimedia
...
2. Räume
1.1. Wohnzimmer
...

Über Hilfe bezüglich der Umsetzung dieser Menüstruktur in TabletUI würde ich mich freuen.
Titel: Antw:Multi-Level Menü
Beitrag von: ErzGabriel am 28 Oktober 2016, 13:40:49
Wenn ich Dich jetzt richtig verstehe, will st Du nur weitere Menüpunkte drin haben. Das kann st Du doch einfach machen, indem Du die vorhandenen Ebenen duplizierst und dementsprechend umbenennst und dann die passenden Content Files anlegst.
Titel: Antw:Multi-Level Menü
Beitrag von: jfhem am 28 Oktober 2016, 16:42:49
... nicht ganz. Für die erste Menüebene könnte ich in der Tat einfach zwei Punkte aus der Standard-Datei löschen =>

1.) Geräte
2.) Räume

Wenn ich nun aber auf den Punkt 1.) Geräte klicke, so soll sich ein weiteres Slideout-Menü nach rechts öffnen mit den Einträgen

1.1. Licht
1.2. Rollladen

Die Untermenüeinträge für Menüpunkt 2.) Räume möchte ich jedoch noch nicht sehen. Gleichermaßen möchte ich beim Klicken auf Menü 2.) Geräte lediglich die Räume sehen:

2.1 Wohnzimmer
2.2. Küche

Die Unterpunkte vom ersten Menüpunkte möchte jedoch nicht sehen. Insgesamt möchte ich also aufbauend vom ersten Slideout-Menü jeweils ein weiteres Slideout-Menü öffnen.

Viele Grüße

Titel: Antw:Multi-Level Menü
Beitrag von: ErzGabriel am 29 Oktober 2016, 08:04:16
Ahhh, nu verstehe ich Dich richtig. Da muss ich leider passen, weil ich mich mit der Oberfläche noch nicht auseinander gesetzt habe. Möglich wird es aber bestimmt sein, wenn man sich damit mal genauer auseinander setzt, da ich die Oberfläche aber nicht für mich nutze, weil sie mir nicht gefällt, habe ich das nicht getan.