Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[Marco.K]

Hallo zusammen!

Ich bin gerade dabei meine ersten Schritte mit ioBroker zu machen, ein geniales Stück Software!

Ich bin gerade dabei die Navigation für mein Projekt zu erstellen.

Im Bild der aktuellen View seht ihr in der Mitte ein Carousel-Wdget mit Bildern (Planeten). Jeder Planet soll eine andere View symbolisieren.

Wie bekomme ich nun zusätzlich zu den Bildern einen Navigationsbutton ohne das der Button als eigenes Objekt im Carousel auftaucht? (Gruppieren, wie?)

Wenn ich auf einen Navigationsbutton im Carousel klicke, wird nicht zu der View gewechselt. Geht das überhaupt?

Ich hoffe ihr habt ein paar Ideen für mich.

[eric2905]

Du hast ja eine View mit den Planeten.

Lege in dieser View jeweils einen Nav-Button ohne Bild und höherem z-Index über jeden der Planeten und gruppiere den Planeten mit dem jeweiligen Nav-Button (beide markieren und dann rechte Maustaste).

Das Carousel nimmt jedes einzelne Objekt als Carousel-Item - und eine Gruppe ist ein einzelnes Objekt.

Gruß,

Eric

Von unterwegs getippert

[Marco.K]

Wow das ging fix, danke.

Problem 1 gelöst.

Bleibt noch das Problem das sich die verlinkte View nicht öffnet wenn ich im Carousel-Widget auf den button klicke.

In der eigentlichen View mit den Planeten funktioniert der Button.

Update:

Die Nav-Buttons versagen iheren Dienst nachdem das Carousel gedreht wurde.

Wenn es nicht gedreht wird, funktioniert zumindest der Nav-Button des Objekts was zu Anfang im Fokus des Carousel-Widgets liegt.

Update 2:

Warum auch immer jetzt funktionieren plötzlich 8 von 9 Buttons.

[eric2905]

@Marco.K:

Update 2:

Warum auch immer jetzt funktionieren plötzlich 8 von 9 Buttons. `
Kontrolliere mal bitet den z-Index der Objekte.

Der Button muss den höchsten z-Index aller Objekt haben, die in einer Gruppe sind.

Gruß,

Eric

[Marco.K]

Der Button in der Gruppe hat jeweils den höchsten Index.

Mir scheint das ein Fehler im Carousel-Widget zu sein, den im View selbst funktionieren alle Buttons.

Ich habe in dem View mit den Planeten ein weiteres dummy-Widget (basic - HTML) eingefügt, dann funktioniert auch der 9. Button. Entferne ich das Dummy-Widget wieder funktioniert der Knopf nicht mehr.

Kurz gesagt: Der Button mit der höchsten ID im View, auf dem das Carousel-Widget verlinkt funktioniert nicht.