Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[jafloor]

Hallo werte Mitstreiter,

nach nunmehr Zwei Tagen ausprobieren muss ich doch eine vllt. doofe Anfängerfrage stellen. :roll:

Ich möchte einen einfachen Rahmen (Border) dafür verwenden, um bei einem Klick auf dieses Element einen Viewwechsel zu starten.

Da ich diesen aber mit CSS parametriert habe, unter anderen auch mit:

.myBox:active {
  box-shadow: 0px 0px 0px 0px;
transform: translate(2px, 2px);
}

habe ich jetzt das Problem, dass wenn ich für den VIEW Wechsel zbsp. ein "HTML Navigation" über den "Border" lege, das active Event ignoriert wird.

Klar, denn der Rahmen ist ja auch im Layer dahinter und erkennt somit garnicht das draufgeklickt wurde. :evil:

Hat jemand einen Tip für mich, wie ich das realisieren kann, oder muss ich den View Wechsel per Script realisieren, um das active Verhalten der CSS Klasse zu sehen??

Tausend Dank für Eure Hilfe!

[pix]

Hallo,

ich habe deine Frage jetzt wohl bestimmt 10x gelesen, aber verstehe es immer noch nicht :roll:

@jafloor:

Ich möchte einen einfachen Rahmen (Border) dafür verwenden, um bei einem Klick auf dieses Element einen Viewwechsel zu starten. `
Das geht nicht. Du kannst den Rahmen nur für Anzeige nutzen, aber damit keine Aktionen starten.

@jafloor:

wenn ich für den VIEW Wechsel zbsp. ein "HTML Navigation" über den "Border" lege, das active Event ignoriert wird. `
Wenn du den Viewwechsel mit dem Navigationswidget startest (auf Klick), dann brauchst du das andere Element (von dem du oben sprichst) nicht.

Du kannst das CSS auch für das Navigationswidget anwenden. Es hat auch eine Klasse für das aktive Widget.

Hier ein Stück Quellcode aus meiner View:

Es gibt die View "Verkehr_Sprit" und die ist zur Zeit nicht ausgewählt````
data-metro-nav-select="false"

Meinst du das?

Gruß

Pix

[jafloor]

genau das habe ich gemeint ;) Habe mir schon gedacht das es schwer zu verstehen ist. Habe es dann hinbekommen ;) Danke für Deinen Tip.

Es ist echt nicht leicht die Vorteile der einzelnen Widget zu erkennen und zusammenzubringen.

Jetzt suche bzw. probiere ich seit einiger Zeit ein Widget zu finden, welches folgende Möglichkeiten bieten muss:

• meine CSS Klasse für Border, Shadow, :active usw. (können ja m.e. eigentl. alle Widgets)

• HTML für Imagewechsel bei Statusänderung (derzeit nutze ich dafür Basic Bool HTML - HTML bei true/false)

• Viewwechsel bei Klick aufs Widget (das kann Bool HTML wieder nicht)

Hast Du einen Tip wie ich das umsetzen kann? Was bedeutet bei dem Bool HTML Widget : HTML voranstellen/anhängen? Kann ich dort vllt. irgendwo einen Viewwechsel bei Klick hinterlegen?

Danke für Deine Hilfe