Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. JSON Table - Bild Integrieren

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    JSON Table - Bild Integrieren

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

      Hallo,

      weiß jemand ob ich im VIS in einer JSON Table Bilder integrieren kann? Also irgendwie Pfad da angeben und das Widget löst das Bild auf? Will eine Spalte mit rotem/grünen Bubble einfügen.

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

        Meines Wissens nach gibt die JSON-Tabelle einfach nur die Daten aus.
        eine Logik zur Erkennung der Art der Daten, wie zB Links, Images oder ähnliches ist da nicht eingebaut.

        Wenn du dich mit HTML auskennst, dann kannst du dir genau das über ein widget machen, welches ich erstellt habe. Mit diesem widget kannst du auf Basis eines Template-Systems die Form der Daten vorgeben und Platzhalter definieren, an der Stelle das widget die Daten eintragen soll. Dabei kannst du natürlich dann auch Image-Tags erzeugen.

        https://forum.iobroker.net/topic/31521/test-widget-json-template

        1 Reply Last reply Reply Quote 0
        • H
          Home4.0 last edited by

          Hallo @weidlix ,

          du kannst SVG`s direkt im Code integrieren.

          Bild


          Anmerkung 2020-04-12 202658.jpg

          Code

          [{"Title": "first", "Value":5 , "_Description": "Value1"}, {"Title": "<svg height=\"40\" viewBox=\"0 0 20 20\" width=\"40\"><g transform=\"translate(0,0)  scale(0.8333)\" style=\"fill:#795548\"><path d=\"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/></g></svg>", "Value": 2, "_Description": "Value2"}]
          

          Ich hoffe das hilft dir

          Gruß

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

          Support us

          ioBroker
          Community Adapters
          Donate

          747
          Online

          31.7k
          Users

          79.8k
          Topics

          1.3m
          Posts

          vis
          3
          3
          763
          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