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. Bei bestimmten Wert CSS Klasse aufrufen

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    16
    1
    275

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

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

Bei bestimmten Wert CSS Klasse aufrufen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
3 Beiträge 2 Kommentatoren 503 Aufrufe
  • Ä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.
  • P Offline
    P Offline
    ple
    schrieb am zuletzt editiert von
    #1

    Hallo zusammen,

    ich setzte Material CSS ein, Danke an Uhula, nun sitzt ich vor ein Problem.

    Ich möchte den Hintergrund geändert haben von einem HTML Widget, wenn der Wert größer und kleiner von einem Ergebnis ist. Der Hintergrund soll aber nicht nur Green, Red sein, sondern ich würde gerne die CSS Klasse von Uhula nutzen.

    Es müsste doch ca. so aussehen. Es hängt aber beim aufruf der Klasse. Ich weiß auch nicht wie der Syntax aussehen muss.

    {v:s7.0.DBs.DB90.Messwert;(v <1,5) ? v: (v > 1) ? v}
    

    Gruß und Danke

    Intel Nuc + Proxmox

    1 Antwort Letzte Antwort
    0
    • PeoplesP Offline
      PeoplesP Offline
      Peoples
      schrieb am zuletzt editiert von
      #2

      @ple:

      Hallo zusammen,

      ich setzte Material CSS ein, Danke an Uhula, nun sitzt ich vor ein Problem.

      Ich möchte den Hintergrund geändert haben von einem HTML Widget, wenn der Wert größer und kleiner von einem Ergebnis ist. Der Hintergrund soll aber nicht nur Green, Red sein, sondern ich würde gerne die CSS Klasse von Uhula nutzen.

      Es müsste doch ca. so aussehen. Es hängt aber beim aufruf der Klasse. Ich weiß auch nicht wie der Syntax aussehen muss.

      {v:s7.0.DBs.DB90.Messwert;(v <1,5) ? v: (v > 1) ? v}
      

      Gruß und Danke `

      Versuch mal folgendes, du kannst ja in Vis für das Html-Widget rechts in den Eigenschaften unter "Generell" eine CSS-Klasse mit dem Binding festzulegen.

      Trage dort mal: {v:s7.0.DBs.DB90.Messwert;v < 1,5 ? "mdui-green-bg" : "mdui-red-bg mdui-red-flash"} ein, ich kann jedoch nicht sagen ob 1,5 oder 1.5 richtig ist.

      Gib mal Bescheid ob das funktioniert.

      Ich beantworte keine Fragen zu Themen via PN

      1 Antwort Letzte Antwort
      0
      • P Offline
        P Offline
        ple
        schrieb am zuletzt editiert von
        #3

        Hat leider nicht funktioniert.

        Habs nun anders gelöst mit ner Werteliste und Style pro Wert.

        Gruß und Danke

        Intel Nuc + Proxmox

        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

        395

        Online

        32.7k

        Benutzer

        82.5k

        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