Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Grafiken innerhalb {}Bindings?

    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

    Grafiken innerhalb {}Bindings?

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

      Hallo zusammen,

      dies hier ist mein erster Post im Forum. Ich hoffe, dass ich alles richtig mache.

      Ich habe eine HTML-Übersichtstabelle gebaut, in der Temperatur, Luftfeuchtigkeit, Fenster offen/zu etc. für jeden Raum dargestellt werden.

      Dazu habe ich zwei Fragen:

      1. Für Fenster offen / zu nutze ich folgenden Code:
          {wert:mihome.0.devices.magnet_158d0001d86f51.state;wert ==== "false" ? "z" :: "o"}
      		{wert:mihome.0.devices.magnet_158d0001d8700d.state;wert === "false" ? "z" :: "o"}
      
      

      Hier würde ich gerne statt z und o für zu und offen ein entsprechendes farbiges Icon einblenden, das klappt aber nicht. Versucht habe ich Folgendes:

          {wert:mihome.0.devices.magnet_158d00016c747c.state;wert === "false" ? "![](/vis.0/main/imgsmall-green-dot.svg.med.png)" :: "o"}
      
      
      1. Ich würde gerne eine Logik bei den Luftfeuchtigkeitswerten hinterlegen und dann die Farbe der Werte entsprechend anpassen, also z.B.<30 rot, 30-50 grün und >50 wieder grün. Kann man das in den {} Bindings machen?

      Vielen Dank für Eure Hilfe im voraus

      Chrischi

      1 Reply Last reply Reply Quote 0
      • P
        Pman last edited by

        Das erst was auffällt:

        Du hast dein Icon-HTML in doppelten Anführungszeichen, nutzt darin aber ebenfalls das selbe Zeichen, das kann nicht gehen. Entweder du setzt den HTML-Code in einfache Anführungszeichen, oder du stellst den inneren Anführungszeichen ein Backslash voran.

        1 Reply Last reply Reply Quote 0
        • C
          Chrischi last edited by

          Danke PMan, du meinst so, gell?

               {wert:mihome.0.devices.magnet_158d00016c747c.state;wert === "false" ? "z" :: "![](\"/vis.0/main/imgsmall-green-dot.svg.med.png\")"}
          
          

          Das hat leider keine Auswirkung..

          1 Reply Last reply Reply Quote 0
          • P
            Pman last edited by

            Funktioniert bei mir so ohne Probleme.

            Kannst du mal den HTML-Code des gerenderten Widgets posten? Kommen Fehler in der Browser-Console?

            1 Reply Last reply Reply Quote 0
            • Bluefox
              Bluefox last edited by

              @Chrischi:

              Danke PMan, du meinst so, gell?

                   {wert:mihome.0.devices.magnet_158d00016c747c.state;wert === "false" ? "z" :: "![](\"/vis.0/main/imgsmall-green-dot.svg.med.png\")"}
              
              

              Das hat leider keine Auswirkung.. `
              :: ist falsch. Nur einmal :

              1 Reply Last reply Reply Quote 0
              • C
                Chrischi last edited by

                Vielen Dank schon einmal!

                In einem neuen HTML-Widget funktioniert der Code jetzt:

                {wert:mihome.0.devices.magnet_158d00016c747c.state;wert === "false" ? "z" : "![](\"/vis.0/main/imgsmall-green-dot.svg.med.png\")"}
                

                Der identische Code in oben angesprochener Tabelle funktioniert aber nicht, es wird gar nichts angezeigt, weder die PNG-Datei noch ein z. CSS habe ich auch einmal herausgenommen, nicht dass es daran liegt. Sehr sonderbar!

                Habe mir dann den generierten Quellcode angeschaut. Dort kommt die Codezeile gar nicht vor, nur wilde Javascripte.

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

                Support us

                ioBroker
                Community Adapters
                Donate

                949
                Online

                32.1k
                Users

                80.7k
                Topics

                1.3m
                Posts

                3
                6
                530
                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