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. verschiedene CSS-Klassen mit verschiedenen Abfragen

NEWS

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

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    18
    1
    5.7k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.5k

verschiedene CSS-Klassen mit verschiedenen Abfragen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
7 Beiträge 4 Kommentatoren 540 Aufrufe 3 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.
  • R Online
    R Online
    RikDRS
    schrieb am zuletzt editiert von
    #1

    Bitte verzeiht die eventuell falschen Begrifflichkeiten - CSS ist noch unbekannter viel mich als vieles anderes ;)

    Folgendes möchte ich erreichen:
    wenn der Datenpunkt "javascript.0.Vis.muell.restabfall" <= 1 ist, soll die CSS-Klasse mdui-red-blink aufgerufen werden, wenn = 2 dann mdui-yellow-blink und sonst "mdui-blue-blink"

    Dies habe ich in der CSS-Klasse des Widget eingegeben:

    {val:javascript.0.Vis.muell.restabfall; val <= "1" ? "mdui-red-blink" : val == "2" ? "mdui-yellow-blink"  : "mdui-blue-blink"}
    

    Der Wert des DPs ist nun = 7, trotzdem wird die CSS-Klasse "mdui-yellow-blink" ausgeführt / aufgerufen?

    Warum, wo ist mein Fehler?
    Verstehe es bisher so:
    verwende Value des DP; wenn val = A, mache "xxx" : wenn val = B, mache "yyy" : sonst "zzz"

    Danke!

    BananaJoeB 1 Antwort Letzte Antwort
    0
    • O Online
      O Online
      Oli
      schrieb am zuletzt editiert von
      #2

      @rikdrs

      hast du es mal so versucht?

      {val:javascript.0.Vis.muell.restabfall; val <= 1 ? "mdui-red-blink" : val == 2 ? "mdui-yellow-blink" : "mdui-blue-blink"}
      

      Gruß
      Oliver

      R 1 Antwort Letzte Antwort
      0
      • O Oli

        @rikdrs

        hast du es mal so versucht?

        {val:javascript.0.Vis.muell.restabfall; val <= 1 ? "mdui-red-blink" : val == 2 ? "mdui-yellow-blink" : "mdui-blue-blink"}
        
        R Online
        R Online
        RikDRS
        schrieb am zuletzt editiert von
        #3

        ja, aber auch das selbe Ergebnis

        O 1 Antwort Letzte Antwort
        0
        • R RikDRS

          ja, aber auch das selbe Ergebnis

          O Online
          O Online
          Oli
          schrieb am zuletzt editiert von
          #4

          @rikdrs
          hier mal ein Beispiel, dass bei mir funktioniert

          {wert:tankerkoenig.0.stations.5.diesel.difference; wert>0 ? "red" : wert<0 ? "green" :: "#8f8f8f"}
          

          Gruß
          Oliver

          1 Antwort Letzte Antwort
          0
          • R Online
            R Online
            RikDRS
            schrieb am zuletzt editiert von
            #5

            Danke für Eure Gedanken!

            Habe es nun wie folgt hinbekommen:

            {val:javascript.0.Vis.muell.papiertonne; val <= "1" ? "mdui-red-blink" : val == "2" ? "mdui-yellow-blink" : ""}
            
            CodierknechtC 1 Antwort Letzte Antwort
            0
            • R RikDRS

              Danke für Eure Gedanken!

              Habe es nun wie folgt hinbekommen:

              {val:javascript.0.Vis.muell.papiertonne; val <= "1" ? "mdui-red-blink" : val == "2" ? "mdui-yellow-blink" : ""}
              
              CodierknechtC Offline
              CodierknechtC Offline
              Codierknecht
              Developer Most Active
              schrieb am zuletzt editiert von
              #6

              @rikdrs

              So funktioniert's einwandfrei:

              {val:0_userdata.0.test; val<=1 ? "mdui-red-blink" : val==2 ? "mdui-yellow-blink" : "mdui-blue-blink"}
              

              Zwischen den Operatoren dürfen keine Leerzeichen stehen.

              Und eigene DP sollte man unterhalb von 0_userdata.0 anlegen.
              Werden die mit JS angelegt? Dann muss da der komplette Pfad angegeben werden, sonst landen die wie bei Dir unter javascript.0.

              "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

              Proxmox 9.1.1 LXC|8 GB|Core i7-6700
              HmIP|ZigBee|Tasmota|Unifi
              Zabbix Certified Specialist
              Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

              1 Antwort Letzte Antwort
              0
              • R RikDRS

                Bitte verzeiht die eventuell falschen Begrifflichkeiten - CSS ist noch unbekannter viel mich als vieles anderes ;)

                Folgendes möchte ich erreichen:
                wenn der Datenpunkt "javascript.0.Vis.muell.restabfall" <= 1 ist, soll die CSS-Klasse mdui-red-blink aufgerufen werden, wenn = 2 dann mdui-yellow-blink und sonst "mdui-blue-blink"

                Dies habe ich in der CSS-Klasse des Widget eingegeben:

                {val:javascript.0.Vis.muell.restabfall; val <= "1" ? "mdui-red-blink" : val == "2" ? "mdui-yellow-blink"  : "mdui-blue-blink"}
                

                Der Wert des DPs ist nun = 7, trotzdem wird die CSS-Klasse "mdui-yellow-blink" ausgeführt / aufgerufen?

                Warum, wo ist mein Fehler?
                Verstehe es bisher so:
                verwende Value des DP; wenn val = A, mache "xxx" : wenn val = B, mache "yyy" : sonst "zzz"

                Danke!

                BananaJoeB Online
                BananaJoeB Online
                BananaJoe
                Most Active
                schrieb am zuletzt editiert von
                #7

                @rikdrs Ich habe das bei meiner Müllabfuhranzeige so gelöst das ich in das Feld für die CSS-Klasse einen Datenpunkt eingetragen haben ( in {...} als Binding ) und entscheide per Skript welche der CSS-Klassen ich da Eintrage so das es normalerweise weiß dargestellt wird und ab einen Tag davor weiß/rot blinkend

                ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 10 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 48TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=160 Tasmota/Shelly || >=95 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV APC 750W kaskadiert || Creality CR-10 SE 3D-Drucker

                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

                418

                Online

                32.7k

                Benutzer

                82.6k

                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