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. JSON Table - Bild Integrieren

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.2k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.2k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.5k

JSON Table - Bild Integrieren

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
3 Beiträge 3 Kommentatoren 880 Aufrufe 3 Watching
  • Ä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.
  • W Offline
    W Offline
    weidlix
    schrieb am zuletzt editiert von
    #1

    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 Antwort Letzte Antwort
    0
    • OliverIOO Offline
      OliverIOO Offline
      OliverIO
      schrieb am zuletzt editiert von
      #2

      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

      Meine Adapter und Widgets
      TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
      Links im Profil

      1 Antwort Letzte Antwort
      0
      • H Offline
        H Offline
        Home4.0
        schrieb am zuletzt editiert von
        #3

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

        470

        Online

        32.5k

        Benutzer

        81.7k

        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