Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. verschiedene CSS-Klassen mit verschiedenen Abfragen

    NEWS

    • Neues Video "KI im Smart Home" - ioBroker plus n8n

    • Neues Video über Aliase, virtuelle Geräte und Kategorien

    • Wir empfehlen: Node.js 22.x

    verschiedene CSS-Klassen mit verschiedenen Abfragen

    This topic has been deleted. Only users with topic management privileges can see it.
    • R
      RikDRS last edited by

      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!

      BananaJoe 1 Reply Last reply Reply Quote 0
      • O
        Oli last edited by

        @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 1 Reply Last reply Reply Quote 0
        • R
          RikDRS @Oli last edited by

          ja, aber auch das selbe Ergebnis

          O 1 Reply Last reply Reply Quote 0
          • O
            Oli @RikDRS last edited by

            @rikdrs
            hier mal ein Beispiel, dass bei mir funktioniert

            {wert:tankerkoenig.0.stations.5.diesel.difference; wert>0 ? "red" : wert<0 ? "green" :: "#8f8f8f"}
            
            1 Reply Last reply Reply Quote 0
            • R
              RikDRS last edited by

              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" : ""}
              
              Codierknecht 1 Reply Last reply Reply Quote 0
              • Codierknecht
                Codierknecht Developer Most Active @RikDRS last edited by

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

                1 Reply Last reply Reply Quote 0
                • BananaJoe
                  BananaJoe Most Active @RikDRS last edited by

                  @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

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post

                  Support us

                  ioBroker
                  Community Adapters
                  Donate

                  612
                  Online

                  32.1k
                  Users

                  80.7k
                  Topics

                  1.3m
                  Posts

                  4
                  7
                  401
                  Loading More Posts
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes
                  Reply
                  • Reply as topic
                  Log in to reply
                  Community
                  Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                  The ioBroker Community 2014-2023
                  logo