Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Bool-HTML mit unterschiedlicher Farbe bei true/false

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    512

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.6k

Bool-HTML mit unterschiedlicher Farbe bei true/false

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
18 Beiträge 7 Kommentatoren 5.1k Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • L Offline
    L Offline
    Leviathan09
    schrieb am zuletzt editiert von
    #2

    Ich habe es nun unter CSS Hintergrund, background:, -color mit folgendem Inhalt gelöst:

    {h:sonoff.0.DVES_2AAC5F.POWER;h == 'true' ? "#33cc33" :"#FF0000"}

    Allerdings habe ich diesen Schnipsel nur aus einer anderen VIS die ich gefunden habe kopiert und verstehe diese nicht wirklich :upside_down_face:

    SpegeliS 1 Antwort Letzte Antwort
    0
    • L Leviathan09

      Ich habe es nun unter CSS Hintergrund, background:, -color mit folgendem Inhalt gelöst:

      {h:sonoff.0.DVES_2AAC5F.POWER;h == 'true' ? "#33cc33" :"#FF0000"}

      Allerdings habe ich diesen Schnipsel nur aus einer anderen VIS die ich gefunden habe kopiert und verstehe diese nicht wirklich :upside_down_face:

      SpegeliS Offline
      SpegeliS Offline
      Spegeli
      schrieb am zuletzt editiert von Spegeli
      #3

      @Leviathan09 said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

      Ich habe es nun unter CSS Hintergrund, background:, -color mit folgendem Inhalt gelöst:

      {h:sonoff.0.DVES_2AAC5F.POWER;h == 'true' ? "#33cc33" :"#FF0000"}

      Allerdings habe ich diesen Schnipsel nur aus einer anderen VIS die ich gefunden habe kopiert und verstehe diese nicht wirklich :upside_down_face:

      Hab mich grad selber damit beschäftigt, daher kann ich dir etwas weiter helfen:

      {wert:hue.0.Philips_hue.Eingangslampe.on;wert == "true" ? "#41f316" : "red"}
      

      So sieht das in meinem Fall aus. Bedeutet wenn der Wert des Objektes "hue.0.Philips_hue.Eingangslampe.on" == "True" ist dann nimmt er die Farbe Grün, ansonsten nimmt er die Farbe Rot.

      Das ganze Funktioniert nicht nur bei CSS, sondern z.b. auch bei Werten von Schaltern.

      In meinem Fall aktuell bei meinen HUE Lampen:

      {wert:hue.0.Philips_hue.Zimmerlampe.on;wert == "true" ? "false" : "true"}
      

      Sind die schon aus und ich drücke den Knopf, benutzt er als Wert "false" (schaltet sie also aus). Wenn sie aus sind, benutzt er den Wert "True" und schaltet sie somit beim Knopf druck ein.

      Theoretisch kann man so unendlich viele checks in eine abfrage einbauen.
      Hier noch eine Seite die das etwas erklärt:

      https://docs.microsoft.com/de-de/dotnet/csharp/language-reference/operators/conditional-operator

      L 1 Antwort Letzte Antwort
      2
      • M Offline
        M Offline
        Michi68
        schrieb am zuletzt editiert von
        #4

        Hallo,
        ich habe das mit ValueList HTML Style gelöst sieht dann so aus
        ValueList HTML Style.png
        ValueList HTML Style2.png

        Gruß Michael

        L DuffyD 2 Antworten Letzte Antwort
        2
        • M Michi68

          Hallo,
          ich habe das mit ValueList HTML Style gelöst sieht dann so aus
          ValueList HTML Style.png
          ValueList HTML Style2.png

          Gruß Michael

          L Offline
          L Offline
          Leviathan09
          schrieb am zuletzt editiert von
          #5

          @Michi68 Das natürlich auch eine Idee, bin ich so noch gar nicht drauf gekommen.
          Danke für den Tipp.

          1 Antwort Letzte Antwort
          0
          • SpegeliS Spegeli

            @Leviathan09 said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

            Ich habe es nun unter CSS Hintergrund, background:, -color mit folgendem Inhalt gelöst:

            {h:sonoff.0.DVES_2AAC5F.POWER;h == 'true' ? "#33cc33" :"#FF0000"}

            Allerdings habe ich diesen Schnipsel nur aus einer anderen VIS die ich gefunden habe kopiert und verstehe diese nicht wirklich :upside_down_face:

            Hab mich grad selber damit beschäftigt, daher kann ich dir etwas weiter helfen:

            {wert:hue.0.Philips_hue.Eingangslampe.on;wert == "true" ? "#41f316" : "red"}
            

            So sieht das in meinem Fall aus. Bedeutet wenn der Wert des Objektes "hue.0.Philips_hue.Eingangslampe.on" == "True" ist dann nimmt er die Farbe Grün, ansonsten nimmt er die Farbe Rot.

            Das ganze Funktioniert nicht nur bei CSS, sondern z.b. auch bei Werten von Schaltern.

            In meinem Fall aktuell bei meinen HUE Lampen:

            {wert:hue.0.Philips_hue.Zimmerlampe.on;wert == "true" ? "false" : "true"}
            

            Sind die schon aus und ich drücke den Knopf, benutzt er als Wert "false" (schaltet sie also aus). Wenn sie aus sind, benutzt er den Wert "True" und schaltet sie somit beim Knopf druck ein.

            Theoretisch kann man so unendlich viele checks in eine abfrage einbauen.
            Hier noch eine Seite die das etwas erklärt:

            https://docs.microsoft.com/de-de/dotnet/csharp/language-reference/operators/conditional-operator

            L Offline
            L Offline
            Leviathan09
            schrieb am zuletzt editiert von
            #6

            @Spegeli said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

            Hab mich grad selber damit beschäftigt, daher kann ich dir etwas weiter helfen:

            {wert:hue.0.Philips_hue.Eingangslampe.on;wert == "true" ? "#41f316" : "red"}
            

            So sieht das in meinem Fall aus. Bedeutet wenn der Wert des Objektes "hue.0.Philips_hue.Eingangslampe.on" == "True" ist dann nimmt er die Farbe Grün, ansonsten nimmt er die Farbe Rot.

            Klasse, vielen Dank für die Erklärung :+1:

            Heißt also das "h" in dieser Funktion kann ich auch durch etwas anderes ersetzen da es ja quasi nur die Variable für den Wert ist, oder?

            SpegeliS 1 Antwort Letzte Antwort
            0
            • L Leviathan09

              @Spegeli said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

              Hab mich grad selber damit beschäftigt, daher kann ich dir etwas weiter helfen:

              {wert:hue.0.Philips_hue.Eingangslampe.on;wert == "true" ? "#41f316" : "red"}
              

              So sieht das in meinem Fall aus. Bedeutet wenn der Wert des Objektes "hue.0.Philips_hue.Eingangslampe.on" == "True" ist dann nimmt er die Farbe Grün, ansonsten nimmt er die Farbe Rot.

              Klasse, vielen Dank für die Erklärung :+1:

              Heißt also das "h" in dieser Funktion kann ich auch durch etwas anderes ersetzen da es ja quasi nur die Variable für den Wert ist, oder?

              SpegeliS Offline
              SpegeliS Offline
              Spegeli
              schrieb am zuletzt editiert von
              #7

              @Leviathan09 said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

              @Spegeli said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

              Hab mich grad selber damit beschäftigt, daher kann ich dir etwas weiter helfen:

              {wert:hue.0.Philips_hue.Eingangslampe.on;wert == "true" ? "#41f316" : "red"}
              

              So sieht das in meinem Fall aus. Bedeutet wenn der Wert des Objektes "hue.0.Philips_hue.Eingangslampe.on" == "True" ist dann nimmt er die Farbe Grün, ansonsten nimmt er die Farbe Rot.

              Klasse, vielen Dank für die Erklärung :+1:

              Heißt also das "h" in dieser Funktion kann ich auch durch etwas anderes ersetzen da es ja quasi nur die Variable für den Wert ist, oder?

              Genau ;-)

              1 Antwort Letzte Antwort
              1
              • L Leviathan09

                Hallo Zusammen,

                ich möchte in meiner VIS mehrere Kästchen anzeigen lassen die je nach Wert eines Datenpunkts (Steckdose an /aus = true/false) die Farbe wechseln (true = grüne / false = rot)

                Aktuell habe ich leider so gar keine Ahnung wie ich das anstelle?!?
                Kann mir jemand von euch einen Tipp geben?

                Derzeit habe ich das Widget "basic - Bool HTML" und als Schalter ist dort meine Steckdose (sonoff.0.DVES_7E95C5.POWER) hinterlegt.
                Füge ich unter "HTML bei 'false' " und bei "HTML bei 'true' " als Text "Aus/An" ein, bekomme ich den jeweiligen Text auch passend zum Status angezeigt.

                ![alt text](bool-html-vis.JPG image url)

                Wie kann ich nun anstelle des Textes "Aus/An" eine Farbe anzeigen lassen?
                Ist das über CSS möglich? Davon hab ich nämlich bisher so gar keine Ahnung.

                crunchipC Abwesend
                crunchipC Abwesend
                crunchip
                Forum Testing Most Active
                schrieb am zuletzt editiert von
                #8

                @Leviathan09 den Text kannst du farbig so gestalten
                schreibe bei
                HTML bei false <font color="#cc0000">Aus
                HTML bei true <font color="#00cc00">An

                umgestiegen von Proxmox auf Unraid

                L 1 Antwort Letzte Antwort
                1
                • crunchipC crunchip

                  @Leviathan09 den Text kannst du farbig so gestalten
                  schreibe bei
                  HTML bei false <font color="#cc0000">Aus
                  HTML bei true <font color="#00cc00">An

                  L Offline
                  L Offline
                  Leviathan09
                  schrieb am zuletzt editiert von
                  #9

                  @crunchip said in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                  @Leviathan09 den Text kannst du farbig so gestalten
                  schreibe bei
                  HTML bei false <font color="#cc0000">Aus
                  HTML bei true <font color="#00cc00">An

                  Okay, sehr gut.
                  Nun bin ich denke ich für true/false gewappnet
                  👍

                  1 Antwort Letzte Antwort
                  0
                  • M Offline
                    M Offline
                    Michi68
                    schrieb am zuletzt editiert von
                    #10

                    noch ein nachtrag du kannst bei ValueList HTML Style Hintergrund und Schrift ändern mit

                    background-color: red; color:lime

                    ValueList HTML Style3.png

                    1 Antwort Letzte Antwort
                    0
                    • M Michi68

                      Hallo,
                      ich habe das mit ValueList HTML Style gelöst sieht dann so aus
                      ValueList HTML Style.png
                      ValueList HTML Style2.png

                      Gruß Michael

                      DuffyD Offline
                      DuffyD Offline
                      Duffy
                      schrieb am zuletzt editiert von
                      #11

                      @michi68
                      Hi Michi68 ich weis ja das Thema ist schon etwas her als du dich damit beschäftigt hast aber wie um alles in der Welt kommt man auf den Befehl: Background-color: Farbe?
                      Ist klasse, funktioniert, aber mich würde echt interssieren wie man darauf kommt.

                      Noch eins zu deinen Fenstern, wie erkennst du auf, zu und gekippt? auf zu ist klar über einen Fensterkontakt aber gekippt??

                      Gruß Duffy

                      Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                      Node.js: v22.21.0
                      NPM: 10.9.4
                      js-controller 7.0.7
                      Linux: Trixie

                      HomoranH OliverIOO 2 Antworten Letzte Antwort
                      0
                      • DuffyD Duffy

                        @michi68
                        Hi Michi68 ich weis ja das Thema ist schon etwas her als du dich damit beschäftigt hast aber wie um alles in der Welt kommt man auf den Befehl: Background-color: Farbe?
                        Ist klasse, funktioniert, aber mich würde echt interssieren wie man darauf kommt.

                        Noch eins zu deinen Fenstern, wie erkennst du auf, zu und gekippt? auf zu ist klar über einen Fensterkontakt aber gekippt??

                        Gruß Duffy

                        HomoranH Nicht stören
                        HomoranH Nicht stören
                        Homoran
                        Global Moderator Administrators
                        schrieb am zuletzt editiert von
                        #12

                        @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                        über einen Fensterkontakt aber gekippt??

                        über einen FDK, oder RHS auf englisch

                        @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                        wie um alles in der Welt kommt man auf den Befehl: Background-color: Farbe?

                        wenn man das richtige Widget immt, kann man dies einfach auswählen.
                        Screenshot_20230324-163301_Firefox.jpg
                        hqwidgets on/off

                        für Tristate (RHS) gibt es auch was

                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                        DuffyD 1 Antwort Letzte Antwort
                        0
                        • DuffyD Duffy

                          @michi68
                          Hi Michi68 ich weis ja das Thema ist schon etwas her als du dich damit beschäftigt hast aber wie um alles in der Welt kommt man auf den Befehl: Background-color: Farbe?
                          Ist klasse, funktioniert, aber mich würde echt interssieren wie man darauf kommt.

                          Noch eins zu deinen Fenstern, wie erkennst du auf, zu und gekippt? auf zu ist klar über einen Fensterkontakt aber gekippt??

                          Gruß Duffy

                          OliverIOO Offline
                          OliverIOO Offline
                          OliverIO
                          schrieb am zuletzt editiert von OliverIO
                          #13

                          @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                          kommt man auf den Befehl: Background-color: Farbe

                          man kann auch die css doku lesen oder ein tutorial machen.
                          viele wissen gar nicht wie leistungsfähig css ist (es hat allerdings auch seine kanten, wird aber besser)
                          https://developer.mozilla.org/en-US/docs/Web/CSS?retiredLocale=de
                          https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
                          https://wiki.selfhtml.org/wiki/CSS

                          und für die widget sepzifische hilfe, welche leider oft sehr schlecht gepflegt ist, gibt es sogar einen hinweis für die eigenschaft. diese kann man über das folgende icon abrufenj wenn das widget selektiert ist
                          33ecaf0b-ff24-482d-9ac3-4e543b32ae74-image.png

                          a6788364-1e73-44b4-a8a7-38bf92be406f-image.png

                          Meine Adapter und Widgets
                          TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                          Links im Profil

                          DuffyD 1 Antwort Letzte Antwort
                          0
                          • OliverIOO OliverIO

                            @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                            kommt man auf den Befehl: Background-color: Farbe

                            man kann auch die css doku lesen oder ein tutorial machen.
                            viele wissen gar nicht wie leistungsfähig css ist (es hat allerdings auch seine kanten, wird aber besser)
                            https://developer.mozilla.org/en-US/docs/Web/CSS?retiredLocale=de
                            https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
                            https://wiki.selfhtml.org/wiki/CSS

                            und für die widget sepzifische hilfe, welche leider oft sehr schlecht gepflegt ist, gibt es sogar einen hinweis für die eigenschaft. diese kann man über das folgende icon abrufenj wenn das widget selektiert ist
                            33ecaf0b-ff24-482d-9ac3-4e543b32ae74-image.png

                            a6788364-1e73-44b4-a8a7-38bf92be406f-image.png

                            DuffyD Offline
                            DuffyD Offline
                            Duffy
                            schrieb am zuletzt editiert von
                            #14

                            @oliverio

                            Danke dir, wieder was dazu gelernt, dem "I" button habe ich noch nie Beachtung geschenkt.

                            Gruß Duffy

                            Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                            Node.js: v22.21.0
                            NPM: 10.9.4
                            js-controller 7.0.7
                            Linux: Trixie

                            1 Antwort Letzte Antwort
                            0
                            • HomoranH Homoran

                              @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                              über einen Fensterkontakt aber gekippt??

                              über einen FDK, oder RHS auf englisch

                              @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                              wie um alles in der Welt kommt man auf den Befehl: Background-color: Farbe?

                              wenn man das richtige Widget immt, kann man dies einfach auswählen.
                              Screenshot_20230324-163301_Firefox.jpg
                              hqwidgets on/off

                              für Tristate (RHS) gibt es auch was

                              DuffyD Offline
                              DuffyD Offline
                              Duffy
                              schrieb am zuletzt editiert von
                              #15

                              @homoran

                              Da bleibt nur noch die Frage was FDK ist?
                              Goggle meint : "Familienbund der Katholiken" aber das haut hier nicht hin.
                              Für RHS kam "Rettungshundestaffel" raus :relieved:
                              Ist das ein besonderer Sensor?

                              Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                              Node.js: v22.21.0
                              NPM: 10.9.4
                              js-controller 7.0.7
                              Linux: Trixie

                              HomoranH 1 Antwort Letzte Antwort
                              0
                              • DuffyD Duffy

                                @homoran

                                Da bleibt nur noch die Frage was FDK ist?
                                Goggle meint : "Familienbund der Katholiken" aber das haut hier nicht hin.
                                Für RHS kam "Rettungshundestaffel" raus :relieved:
                                Ist das ein besonderer Sensor?

                                HomoranH Nicht stören
                                HomoranH Nicht stören
                                Homoran
                                Global Moderator Administrators
                                schrieb am zuletzt editiert von
                                #16

                                @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                                @homoran

                                Da bleibt nur noch die Frage was FDK ist?
                                Goggle meint : "Familienbund der Katholiken" aber das haut hier nicht hin.
                                Für RHS kam "Rettungshundestaffel" raus :relieved:
                                Ist das ein besonderer Sensor?

                                FensterDrehgriffKontakt oder RotaryHandleSensor

                                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                DuffyD 1 Antwort Letzte Antwort
                                0
                                • HomoranH Homoran

                                  @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                                  @homoran

                                  Da bleibt nur noch die Frage was FDK ist?
                                  Goggle meint : "Familienbund der Katholiken" aber das haut hier nicht hin.
                                  Für RHS kam "Rettungshundestaffel" raus :relieved:
                                  Ist das ein besonderer Sensor?

                                  FensterDrehgriffKontakt oder RotaryHandleSensor

                                  DuffyD Offline
                                  DuffyD Offline
                                  Duffy
                                  schrieb am zuletzt editiert von
                                  #17

                                  @homoran

                                  Schick :+1: aber da bist ja auch fast runiert wenn de da mal dein Haus mit ausstattest :cry:

                                  Gruß Duffy

                                  Nix besonderes; iob auf Respberry pi 4 (8GB) mit 32 GB SSD
                                  Node.js: v22.21.0
                                  NPM: 10.9.4
                                  js-controller 7.0.7
                                  Linux: Trixie

                                  HomoranH 1 Antwort Letzte Antwort
                                  0
                                  • DuffyD Duffy

                                    @homoran

                                    Schick :+1: aber da bist ja auch fast runiert wenn de da mal dein Haus mit ausstattest :cry:

                                    Gruß Duffy

                                    HomoranH Nicht stören
                                    HomoranH Nicht stören
                                    Homoran
                                    Global Moderator Administrators
                                    schrieb am zuletzt editiert von
                                    #18

                                    @duffy sagte in Bool-HTML mit unterschiedlicher Farbe bei true/false:

                                    Schick aber da bist ja auch fast runiert wenn de da mal dein Haus mit ausstattest

                                    naja, wenn du 100 Fenster hast mag das zutreffen.
                                    Aber mit der üblichen Anzahl und dem Mehrpreis von etwa 30% zu entsprechenden TFKs (Tür/FensterKontakte) ist es immer noch günstiger als sich aus 2 TFK eine eigene Logik zu erstellen.

                                    Außerdem halte ich sie für unauffälliger als TFKs. (wenn man sich die Luxusteile von Hoppe anschafft, sieht man sogar gar nichts).

                                    kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                                    Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                    der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                    1 Antwort Letzte Antwort
                                    0
                                    Antworten
                                    • In einem neuen Thema antworten
                                    Anmelden zum Antworten
                                    • Älteste zuerst
                                    • Neuste zuerst
                                    • Meiste Stimmen


                                    Support us

                                    ioBroker
                                    Community Adapters
                                    Donate

                                    309

                                    Online

                                    32.5k

                                    Benutzer

                                    81.8k

                                    Themen

                                    1.3m

                                    Beiträge
                                    Community
                                    Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                    ioBroker Community 2014-2025
                                    logo
                                    • Anmelden

                                    • Du hast noch kein Konto? Registrieren

                                    • Anmelden oder registrieren, um zu suchen
                                    • Erster Beitrag
                                      Letzter Beitrag
                                    0
                                    • Home
                                    • Aktuell
                                    • Tags
                                    • Ungelesen 0
                                    • Kategorien
                                    • Unreplied
                                    • Beliebt
                                    • GitHub
                                    • Docu
                                    • Hilfe