Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. Boolsche Werte in CSS Ausdrücken

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    299

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    275

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    916

Boolsche Werte in CSS Ausdrücken

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
18 Beiträge 7 Kommentatoren 1.6k Aufrufe 5 Beobachtet
  • Ä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.
  • S Stefi

    @paul53 hab ich alles schon durch, weiß langsam keine Kombination mehr, die ich nicht versucht hab :)))

    @UncleSam Ich hab einfach ein Beispiel genommen, wie ich es zuletzt aus letzter Verzweiflung versucht hab ^^ ich habe auch deinen Vorschlag h.toString() == 'true' ausprobiert, aber selbst damit ändert sich nichts :'( auch h == true ist ohne Erfolg geblieben

    @FredF Entweder bin ich schon wieder blind oder ich sehe bei deinem Beispiel keinen Unterschied zu dem Beispiel, dass ich eingangs angeführt habe und bei dem ich auch keinen Erfolg hatte 😁 Und bzgl. der fehlenden Leerzeichen: es hätte mich ehrlich gesagt sehr stark gewundert, wenn fehlende Leerzeichen die Lösung des Problems gewesen wären 😁

    Vielleicht nochmal kurz zum Nachstellen des Problems: Ich habe zwei "Basic - String"-Widgets in meiner Visu-Seite. Als Object-ID habe ich je einen Test-Knoten eingefügt, der einmal true (flag1) und einmal false (flag2) zurückliefert. Als Font-CSS habe ich aktuell folgende zwei Zeilen:

    {h:javascript.0.datapoints.test.flag1;h == 'true' ? "#33cc33" : "#FF0000"}
    {h:javascript.0.datapoints.test.flag2;h == 'true' ? "#33cc33" : "#FF0000"}
    

    Ergebnis: Für beide Flags wird mir eine rote Schriftfarbe ausgegeben. Obwohl es mind. für Flag1 grün sein müsste.

    Fun Fact: Verwende ich bei beiden nur h ? bekommen beide Flags eine grüne Schriftfarbe. Bei h == true ? oder h === true ? werden beide rot.

    Erklärt mir einer was er will, aber bool'sche Werte scheinen iwie piepegal zu sein 🤔 😭 oder ich bin einfach schlicht zu doof es zu verstehen 🤦

    FredFF Online
    FredFF Online
    FredF
    Most Active Forum Testing
    schrieb am zuletzt editiert von
    #7

    @Stefi sagte in Boolsche Werte in CSS Ausdrücken:

    verwende ich bei beiden nur h ? bekommen beide Flags eine grüne Schriftfarbe. Bei h == true ? oder h === true ? werden beide rot.

    Na dann funktioniert es doch mit der Farbe.
    Da muss was anderes das Problem sein...
    Mit einem Basic String Widget und einem Eintrag von

    {x:DEINDATENPUNKT;x == 'true' ? "#33cc33" : "#FF0000"}
    

    in CSS Font & Text Color ist jedenfalls das Ergebnis in der Vis Runtime bei Änderung von DEINDATENPUNKT true = grün bzw. false = rot

    S 1 Antwort Letzte Antwort
    0
    • S Stefi

      Hallöchen zusammen,

      ich bräuchte mal jemanden, der mir den Wald zeigt, den ich vor lauter Bäumen nicht mehr sehe. Ich steh nämlich so richtig auf dem Schlauch. Folgendes Problem:
      Ich habe für einige, kleinere Visu-Elemente eine Bedingung für die CSS-Farbe gesetzt, ähnlich wie diese:

      {h:mein.knotenpunkt.isInRange;h == 'true' ? "#33cc33" :"#FF0000"}
      

      Ich frage einen Knotenpunkt hab, der entweder true oder false zurückliefert (boolscher Wert, kein String). Egal was ich ausprobiere, es klappt einfach nicht. Bei True soll es grün werden, bei False soll es rot werden.

      {h:mein.knotenpunkt.isInRange;h=='true'?"#33cc33":"#FF0000"}
      {h:mein.knotenpunkt.isInRange;h=='true'? "#33cc33" :"#FF0000"}
      

      Was passiert? Ist der Feldwert "false", dann wird die Farbe "rot" (soweit eigentlich ok). Ist der Feldwert aber "true", dann wirds nicht "grün", sondern bleibt "rot" ...
      Ich hab auch verschiedene Varianten ausprobiert. Mit '===', komplett ohne (h?...), mit " statt '

      Vielleicht weiß ja einer von euch woran es hängt ._.
      Steh aufm Schlauch.

      Danke für eure Hilfe!

      LG Stefi

      qqolliQ Offline
      qqolliQ Offline
      qqolli
      schrieb am zuletzt editiert von
      #8

      @Stefi

      Hi,

      bei mir funktioniert es z. B. so:

      {val:sonoff.0.Sonoff_1.POWER; val == "true" ? "red": "green"}

      Versuch mal bei Deinem 'true' dieses mit Anführungszeichen "true"

      FredFF 1 Antwort Letzte Antwort
      0
      • FredFF FredF

        @Stefi sagte in Boolsche Werte in CSS Ausdrücken:

        verwende ich bei beiden nur h ? bekommen beide Flags eine grüne Schriftfarbe. Bei h == true ? oder h === true ? werden beide rot.

        Na dann funktioniert es doch mit der Farbe.
        Da muss was anderes das Problem sein...
        Mit einem Basic String Widget und einem Eintrag von

        {x:DEINDATENPUNKT;x == 'true' ? "#33cc33" : "#FF0000"}
        

        in CSS Font & Text Color ist jedenfalls das Ergebnis in der Vis Runtime bei Änderung von DEINDATENPUNKT true = grün bzw. false = rot

        S Offline
        S Offline
        Stefi
        schrieb am zuletzt editiert von
        #9

        @FredF said in Boolsche Werte in CSS Ausdrücken:

        Na dann funktioniert es doch mit der Farbe.
        Da muss was anderes das Problem sein...

        Tut mir leid, aber das zeigt erstmal nur, dass überhaupt irgendwas funktioniert, nicht aber, dass die korrekte Farbwahl funktioniert. Denn dann hätte eines grün und eines rot sein müssen - dann hätte es funktioniert.

        Ich habe jetzt aber trotzdem nochmal explizit das ausprobiert, was du gesagt hast. Eine komplett frische View, mit EINEM basic-string Widget und dem Eintrag, wie du es angegeben hast. Es klappt leider trotzdem nicht. Bei "true" bleibt die Font-Farbe weiterhin rot.

        Was ich auch noch getestet hab: Mit einem basic-bool-checkbox-Widget werden die Checkbox-Haken richtig angehakt bzw. abgehakt, d.h. an den Feldwerten kann es - aus meiner Sicht - nicht liegen, die werden bei dem Widget ja offensichtlich richtig interpretiert. Bei einem basic-bool-HTML-Widget ebenso. Mit basic-ValueList-Widget funktioniert es beispielsweise auch nicht.

        Für mich sieht es so aus, als würden bool'sche Werte nur bei den dafür vorgesehenen Widgets korrekt interpretiert. Bei allen anderen muss man mit Strings oder 0/1 arbeiten :woman-shrugging:

        Vielleicht auch nochmal kurz zum Vergleich:
        ioBroker: 5.0.0
        js-controller: 3.1.6

        FredFF 1 Antwort Letzte Antwort
        0
        • S Stefi

          @FredF said in Boolsche Werte in CSS Ausdrücken:

          Na dann funktioniert es doch mit der Farbe.
          Da muss was anderes das Problem sein...

          Tut mir leid, aber das zeigt erstmal nur, dass überhaupt irgendwas funktioniert, nicht aber, dass die korrekte Farbwahl funktioniert. Denn dann hätte eines grün und eines rot sein müssen - dann hätte es funktioniert.

          Ich habe jetzt aber trotzdem nochmal explizit das ausprobiert, was du gesagt hast. Eine komplett frische View, mit EINEM basic-string Widget und dem Eintrag, wie du es angegeben hast. Es klappt leider trotzdem nicht. Bei "true" bleibt die Font-Farbe weiterhin rot.

          Was ich auch noch getestet hab: Mit einem basic-bool-checkbox-Widget werden die Checkbox-Haken richtig angehakt bzw. abgehakt, d.h. an den Feldwerten kann es - aus meiner Sicht - nicht liegen, die werden bei dem Widget ja offensichtlich richtig interpretiert. Bei einem basic-bool-HTML-Widget ebenso. Mit basic-ValueList-Widget funktioniert es beispielsweise auch nicht.

          Für mich sieht es so aus, als würden bool'sche Werte nur bei den dafür vorgesehenen Widgets korrekt interpretiert. Bei allen anderen muss man mit Strings oder 0/1 arbeiten :woman-shrugging:

          Vielleicht auch nochmal kurz zum Vergleich:
          ioBroker: 5.0.0
          js-controller: 3.1.6

          FredFF Online
          FredFF Online
          FredF
          Most Active Forum Testing
          schrieb am zuletzt editiert von
          #10

          @Stefi sagte in Boolsche Werte in CSS Ausdrücken:

          ioBroker: 5.0.0

          ??? Admin, oder was?

          Welche Vis version? Meine ist 1.2.4

          S 1 Antwort Letzte Antwort
          0
          • qqolliQ qqolli

            @Stefi

            Hi,

            bei mir funktioniert es z. B. so:

            {val:sonoff.0.Sonoff_1.POWER; val == "true" ? "red": "green"}

            Versuch mal bei Deinem 'true' dieses mit Anführungszeichen "true"

            FredFF Online
            FredFF Online
            FredF
            Most Active Forum Testing
            schrieb am zuletzt editiert von
            #11

            @qqolli sagte in Boolsche Werte in CSS Ausdrücken:

            Versuch mal bei Deinem 'true' dieses mit Anführungszeichen "true"

            Das funktioniert beides

            1 Antwort Letzte Antwort
            0
            • FredFF FredF

              @Stefi sagte in Boolsche Werte in CSS Ausdrücken:

              ioBroker: 5.0.0

              ??? Admin, oder was?

              Welche Vis version? Meine ist 1.2.4

              S Offline
              S Offline
              Stefi
              schrieb am zuletzt editiert von
              #12

              @FredF said in Boolsche Werte in CSS Ausdrücken:

              @Stefi sagte in Boolsche Werte in CSS Ausdrücken:

              ioBroker: 5.0.0

              ??? Admin, oder was?

              Welche Vis version? Meine ist 1.2.4

              Ja, sry, hab die Vis-Version unterschlagen ^^ Ist bei mir auch die 1.2.4

              Witzigerweise hab ich das von @qqolli nun auch nochmal ausprobiert. Mit meinem 'javascript.0.datapoints.test.flag' funktioniert es. Mit dem Knotenpunkt, den ich eigentlich verwenden will, funktioniert es ums Verrecken nicht 🤦
              Ich hab beide Knotenpunkte verglichen - es sind definitiv beide vom type 'boolean'.

              Denke, dann können wir das an dieser Stelle erstmal stehen lassen. Scheint wohl ein Problem mit dem Knotenpunkt direkt zu sein. Habe aus dem gleichen Adapter andere Knotenpunkte getestet, die ebenfalls true zurückliefern - bei einigen funktionierts, bei anderen nicht... kann mir aber nicht erklären warum 🙄

              G 1 Antwort Letzte Antwort
              0
              • S Stefi

                @FredF said in Boolsche Werte in CSS Ausdrücken:

                @Stefi sagte in Boolsche Werte in CSS Ausdrücken:

                ioBroker: 5.0.0

                ??? Admin, oder was?

                Welche Vis version? Meine ist 1.2.4

                Ja, sry, hab die Vis-Version unterschlagen ^^ Ist bei mir auch die 1.2.4

                Witzigerweise hab ich das von @qqolli nun auch nochmal ausprobiert. Mit meinem 'javascript.0.datapoints.test.flag' funktioniert es. Mit dem Knotenpunkt, den ich eigentlich verwenden will, funktioniert es ums Verrecken nicht 🤦
                Ich hab beide Knotenpunkte verglichen - es sind definitiv beide vom type 'boolean'.

                Denke, dann können wir das an dieser Stelle erstmal stehen lassen. Scheint wohl ein Problem mit dem Knotenpunkt direkt zu sein. Habe aus dem gleichen Adapter andere Knotenpunkte getestet, die ebenfalls true zurückliefern - bei einigen funktionierts, bei anderen nicht... kann mir aber nicht erklären warum 🙄

                G Offline
                G Offline
                guergen
                schrieb am zuletzt editiert von
                #13

                @Stefi Bei mir funktioniert es auch nicht mehr, ich weiss noch nicht seit wann, aber mit den Hex-Farben geht es nicht mehr

                harrymH 1 Antwort Letzte Antwort
                0
                • G guergen

                  @Stefi Bei mir funktioniert es auch nicht mehr, ich weiss noch nicht seit wann, aber mit den Hex-Farben geht es nicht mehr

                  harrymH Offline
                  harrymH Offline
                  harrym
                  schrieb am zuletzt editiert von
                  #14

                  @guergen true OHNE " oder ' ... also einfach == true .....

                  ASRock FM2A88X-ITX+ mit 32GB RAM, 128GB SSD mit Proxmox, 3x1 TB SSD als RAID mit CT und VMs.

                  G S 2 Antworten Letzte Antwort
                  0
                  • harrymH harrym

                    @guergen true OHNE " oder ' ... also einfach == true .....

                    G Offline
                    G Offline
                    guergen
                    schrieb am zuletzt editiert von
                    #15

                    @harrym Wann hat sich das denn geändert? :-)

                    1 Antwort Letzte Antwort
                    0
                    • harrymH harrym

                      @guergen true OHNE " oder ' ... also einfach == true .....

                      S Offline
                      S Offline
                      Stefi
                      schrieb am zuletzt editiert von
                      #16

                      @harrym said in Boolsche Werte in CSS Ausdrücken:

                      @guergen true OHNE " oder ' ... also einfach == true .....

                      Hab ich doch auch schon versucht :( funktioniert alles nich.... komischerweise geht es bei manchen Knotenpunkten und bei manchen nicht. Hab deswegen schon auf Github ein entsprechendes Issue eröffnet und um Unterstützung gebeten.

                      Ich kann einfach nicht ausmachen wo genau das Problem liegen soll :( fuchst mich etwas...

                      G 1 Antwort Letzte Antwort
                      0
                      • S Stefi

                        @harrym said in Boolsche Werte in CSS Ausdrücken:

                        @guergen true OHNE " oder ' ... also einfach == true .....

                        Hab ich doch auch schon versucht :( funktioniert alles nich.... komischerweise geht es bei manchen Knotenpunkten und bei manchen nicht. Hab deswegen schon auf Github ein entsprechendes Issue eröffnet und um Unterstützung gebeten.

                        Ich kann einfach nicht ausmachen wo genau das Problem liegen soll :( fuchst mich etwas...

                        G Offline
                        G Offline
                        guergen
                        schrieb am zuletzt editiert von
                        #17

                        @Stefi Hat sich bezüglich des Issues schon was getan? Wo hast Du welches Issue aufgemacht?

                        S 1 Antwort Letzte Antwort
                        0
                        • G guergen

                          @Stefi Hat sich bezüglich des Issues schon was getan? Wo hast Du welches Issue aufgemacht?

                          S Offline
                          S Offline
                          Stefi
                          schrieb am zuletzt editiert von
                          #18

                          @guergen sry für die späte Rückmeldung. Ja, am Issue hat sich was getan .. wenn auch eine sehr deprimierende Antwort: true und false sein boolsche Werte und damit keine Strings, deswegen solle man ein passendes Widget wählen .. das eigentliche Problem is irgendwie untergeganen.
                          Hier habe ich es eröffnet: https://github.com/iobroker-community-adapters/ioBroker.unifi/issues/101
                          Ist aber leider bereits geschlossen worden 😞

                          1 Antwort Letzte Antwort
                          0

                          Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                          Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                          Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                          Registrieren Anmelden
                          Antworten
                          • In einem neuen Thema antworten
                          Anmelden zum Antworten
                          • Älteste zuerst
                          • Neuste zuerst
                          • Meiste Stimmen


                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          302

                          Online

                          32.8k

                          Benutzer

                          82.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