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. [gelöst] CSS Einstellungen werden nicht umgesetzt

NEWS

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

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    8
    1
    212

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

[gelöst] CSS Einstellungen werden nicht umgesetzt

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vismaterial css
31 Beiträge 7 Kommentatoren 1.2k Aufrufe 9 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.
  • Z zahnheinrich

    @Kuddel
    Klar, aber siehe den post darüber von @SBorg .

    K Offline
    K Offline
    Kuddel
    schrieb am zuletzt editiert von
    #21

    @zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

    Z SBorgS 2 Antworten Letzte Antwort
    0
    • K Kuddel

      @zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

      Z Offline
      Z Offline
      zahnheinrich
      schrieb am zuletzt editiert von
      #22

      @Kuddel
      Ganz genau.

      MfG Ulrich

      1 Antwort Letzte Antwort
      0
      • K Kuddel

        @zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

        SBorgS Offline
        SBorgS Offline
        SBorg
        Forum Testing Most Active
        schrieb am zuletzt editiert von
        #23

        @Kuddel sagte in CSS Einstellungen werden nicht umgesetzt:

        @zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

        Jepp, und die Farbe wird im Editor immer grün sein, da es das erste Farbstatement ist mit dem der Editor was anfangen kann. Wäre deine Logik invers und du hättest "rot" als ersten Wert, würde er es immer in rot anzeigen, selbst wenn deine Bedingung wahr/falsch oder sogar fehlerhaft wäre :)

        LG SBorg ( SBorg auf GitHub)
        Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

        K 1 Antwort Letzte Antwort
        0
        • SBorgS SBorg

          @Kuddel sagte in CSS Einstellungen werden nicht umgesetzt:

          @zahnheinrich also halten wir fest: das problem waren die fehlenden Anführungszeichen ??

          Jepp, und die Farbe wird im Editor immer grün sein, da es das erste Farbstatement ist mit dem der Editor was anfangen kann. Wäre deine Logik invers und du hättest "rot" als ersten Wert, würde er es immer in rot anzeigen, selbst wenn deine Bedingung wahr/falsch oder sogar fehlerhaft wäre :)

          K Offline
          K Offline
          Kuddel
          schrieb am zuletzt editiert von
          #24

          @SBorg so lange es nur im Editor ist, aber in der VIS korrekt angezeigt wird, stört das nicht weiter

          SBorgS 1 Antwort Letzte Antwort
          0
          • K Kuddel

            @SBorg so lange es nur im Editor ist, aber in der VIS korrekt angezeigt wird, stört das nicht weiter

            SBorgS Offline
            SBorgS Offline
            SBorg
            Forum Testing Most Active
            schrieb am zuletzt editiert von
            #25

            @Kuddel Wenn man es weiß 😁
            Ich habe da schon etliche verzweifeln sehen. "Meine Bedingung stimmt doch... Trotzdem zeigt er mir im Editor immer die falsche Farbe an..."
            Ist ja auch irgendwie logisch. Wenn das Binding selbst nicht im Editor abgearbeitet wird, wie soll dann die Bedingung funktionieren?

            LG SBorg ( SBorg auf GitHub)
            Projekte: Lebensmittelwarnung.de | WLAN-Wetterstation | PimpMyStation

            K 1 Antwort Letzte Antwort
            0
            • SBorgS SBorg

              @Kuddel Wenn man es weiß 😁
              Ich habe da schon etliche verzweifeln sehen. "Meine Bedingung stimmt doch... Trotzdem zeigt er mir im Editor immer die falsche Farbe an..."
              Ist ja auch irgendwie logisch. Wenn das Binding selbst nicht im Editor abgearbeitet wird, wie soll dann die Bedingung funktionieren?

              K Offline
              K Offline
              Kuddel
              schrieb am zuletzt editiert von Kuddel
              #26

              @SBorg gut dass ich alles immer direkt in der VIS zum test anzeigen lassen ^^.

              Hab ich mir iwie mal angewöhnt.

              So hier jetzt noch einmal die Lösung für alle:

              {wert:javascript.0.Anwesenheit.Daniel; wert=="true" ? "#41f316" : "red"}
              
              1 Antwort Letzte Antwort
              0
              • SBorgS SBorg

                @OliverIO sagte in CSS Einstellungen werden nicht umgesetzt:

                das ist relativ egal, da die aktuelle LogiK von Binding das immer in text umsetzt.

                Dann kann aber IMHO wert==true nicht funktionieren? und muss "true" sein ;)

                Beim Binding wird im Editor unabhängig vom Status immer der erste verwertbare Wert genommen, egal ob die Bedingung "true" oder "false" ist.

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

                @SBorg
                Der entsprechende code in vis.js lautet.
                Darin sieht man, das der Wert immer in Anführungsstriche gesetzt wird, egal welcher Datentyp zugrunde liegt.
                Das führt dazu das es immer String ist.
                Daher können auch keine JSON-Daten über solch eine Bindung verarbeitet werden.
                https://github.com/ioBroker/ioBroker.vis/issues/263

                string += 'var ' + oids[t].operations[k].arg[a].name + ' = "' + value + '";';
                

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

                1 Antwort Letzte Antwort
                0
                • L Offline
                  L Offline
                  lstorm
                  schrieb am zuletzt editiert von
                  #28

                  Hallo zusammen,

                  gibt es auch de Möglichkeit mehr als zwei Zustände so darzustellen? Also z.b. drei Zustände = 3 verschiedene Farben?
                  Ich kenne mich leider absolut nicht mit CSS aus, vielleicht ist es nur eine Kleinigkeit und einer von euch kann den Code hier mal posten.

                  Kann man in den Sting auch Wildcards verwenden? Z.b. alles was mit "abc" anfängt.

                  Danke und Gruß
                  Lars

                  OliverIOO 1 Antwort Letzte Antwort
                  0
                  • L lstorm

                    Hallo zusammen,

                    gibt es auch de Möglichkeit mehr als zwei Zustände so darzustellen? Also z.b. drei Zustände = 3 verschiedene Farben?
                    Ich kenne mich leider absolut nicht mit CSS aus, vielleicht ist es nur eine Kleinigkeit und einer von euch kann den Code hier mal posten.

                    Kann man in den Sting auch Wildcards verwenden? Z.b. alles was mit "abc" anfängt.

                    Danke und Gruß
                    Lars

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

                    @lstorm
                    Ja man kann diesen Fragezeichen Operator auch verschachteln

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

                    1 Antwort Letzte Antwort
                    0
                    • L Offline
                      L Offline
                      lstorm
                      schrieb am zuletzt editiert von
                      #30

                      So, hab es nun herrausgefunden. Hier noch der Syntax für mehrere Werte:
                      {wert:0_userdata.0.test; wert=="rot" ? "#ff0000" : wert=="gruen" ? "#00ff00" :"#ff00ff"}

                      @OliverIO : Vielen Dank!

                      OliverIOO 1 Antwort Letzte Antwort
                      0
                      • L lstorm

                        So, hab es nun herrausgefunden. Hier noch der Syntax für mehrere Werte:
                        {wert:0_userdata.0.test; wert=="rot" ? "#ff0000" : wert=="gruen" ? "#00ff00" :"#ff00ff"}

                        @OliverIO : Vielen Dank!

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

                        @lstorm sagte in [gelöst] CSS Einstellungen werden nicht umgesetzt:

                        So, hab es nun herrausgefunden. Hier noch der Syntax für mehrere Werte:
                        {wert:0_userdata.0.test; wert=="rot" ? "#ff0000" : wert=="gruen" ? "#00ff00" :"#ff00ff"}

                        @OliverIO : Vielen Dank!

                        zur bessren lesbarkeit um die tests immer noch eine klammer machen

                        {wert:0_userdata.0.test; (wert=="rot") ? "#ff0000" : (wert=="gruen") ? "#00ff00" :"#ff00ff"}

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

                        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

                        238

                        Online

                        32.8k

                        Benutzer

                        82.7k

                        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