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

[Duffy]

Guten Tag allerseits,

ich habe folgendes Problem und würde euch um Hilfe bitte.

Ich habe ein basic ValueList HTML Style Widget:

Welches je nach Zigbee Zustand rot oder grün ist.

Jetzt würde ich gerne das jqui container icon view widget TRANSPARENT darüber legen damit ich eine weite View öffnen kann in der ich Details zum Zigbee erfahre.

Aktuell sieht das als Notlösung so aus:

Ich drücke auf das Fragezeichen um dann auf die nächste View geleitet zu werden.

die dann in einem basic iFrame geöffnet wird.

Gibt es da eine Möglichkeit nur auf das rote / grüne Feld zu klicken und dann auch auf die dargestellte Ansicht zu gelangen?

Wäre toll wenn es da eine schönere Lösung geben würde.

VG Duffy

[sigi234]

@duffy
z-index gleich setzen und das Widget drüber legen.
Hintergrund auf transparent

[Duffy]

@sigi234

Danke das werde ich morgen einmal versuchen.
Meinst du schon das container icon view widget?
Wenn ja wo stelle ich das transparent. Ich habe da leider noch nichts gefunden das war meine ursprüngliche Idee.

VG Duffy

[Duffy]

@sigi234

Ich habe das jetzt mal versucht das jqui container icon auf Transparent zu stellen.

Im Editior ist es noch transparent aber in Runtime bekommt es wieder eine Farbe. Egal ob ich den z Index auf 4, wie das grüne Feld, oder auf 5 also eins drüber setze.

Kannst du mir bitte sagen was ich da falsch mache?

VG Duffy

[Homoran]

@duffy sagte in jqui container icon view transparten:

icon auf Transparent zu stellen.

wo?
in der config steht eine Farbe

[Duffy]

@homoran

Ich habe in Google geschaut das #85D1E000 transparent wäre.

Auf der Seite die ich gefunden hatte (find sie leider nicht mehr) war ein Schieber und da konnte man durch schieben nach links auf Transparent gehen und dann kam der o.g. Wert. wenn ich nach rechts gegengen bin wurde es bläulich.

Bin ich da wieder auf dem Holz weg? Bekommt man das überhaupt transparent?

[Homoran]

@duffy sagte in jqui container icon view transparten:

das #85D1E000 transparent wäre.

du siehst doch die blaue Farbe!

schreib clear oder transparent in das Feld

[Duffy]

@homoran

Ok danke schön das werde ich versuchen.
Hab mich da halt auf google verlassen ;-) aber hätte das mit clear auch nicht gewusst.

Viele Grüße

[Homoran]

@duffy sagte in jqui container icon view transparten:

Hab mich da halt auf google verlassen

ich fürchte da hast du nicht richtig gesucht.
du hast da eine 8stellige Zahl, das wäre für rgba, für rgb braucht es 6stellige.

[Duffy]

@Homoran

Ich habe unter css transparent und html Transparent gesucht. Ja, ich hatte mich auch gewundert warum es plötzlich 8 stellig war :disappointed:

[Homoran]

@duffy sagte in jqui container icon view transparten:

warum es plötzlich 8 stellig war

bei rgba gibt es zusätzlich die opacity!
das sind die letzten beiden Stellen.

00 ist dann durchsichtig FF wäre absolut blickdicht

[Duffy]

@homoran

Jetzt passt es, super.

Jetzt müsste ich für die Optik nur noch den Text etwas weiter runter bekommen. Hatte es mit <br> versucht aber hat hier nicht geklappt. Einen Schieber zur Positionsveränderungen finde ich hier keinen
Hast du mir dafür auch noch eine Tip? Aber wie gesagt wäre nur für die Optik.

[Homoran]

@duffy sagte in jqui container icon view transparten:

Hast du mir dafür auch noch eine Tip?

spiel mal was mit der line height

[Duffy]

@homoran

Wenn man weis wo hinfassen ist es so leicht.

Herzlichen Dank und einen schönen Abend.

VG Duffy