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. SVG Datei in html Widget anzeigen

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    11
    1
    327

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.5k

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

SVG Datei in html Widget anzeigen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
16 Beiträge 3 Kommentatoren 1.1k Aufrufe 2 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.
  • F franzda

    @glasfaser Hintergrund habe ich natürlich farbig gemacht.#2022-07-30_21h05_13.png

    GlasfaserG Offline
    GlasfaserG Offline
    Glasfaser
    schrieb am zuletzt editiert von Glasfaser
    #6

    @franzda sagte in SVG Datei in html Widget anzeigen:

    habe ich natürlich

    Ja .... und jetzt ... bei mir werden sie angezeigt !?

    d6e592ca-aac2-455f-8b95-8e4167476c35-grafik.png

    @glasfaser sagte in SVG Datei in html Widget anzeigen:
    Schwarzer Hintergrund / Schwarzes Widget !!!**

    Damit meine ich den View Hintergrund (schwarz ), nicht das Widget !

    Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

    F 1 Antwort Letzte Antwort
    0
    • GlasfaserG Glasfaser

      @franzda sagte in SVG Datei in html Widget anzeigen:

      habe ich natürlich

      Ja .... und jetzt ... bei mir werden sie angezeigt !?

      d6e592ca-aac2-455f-8b95-8e4167476c35-grafik.png

      @glasfaser sagte in SVG Datei in html Widget anzeigen:
      Schwarzer Hintergrund / Schwarzes Widget !!!**

      Damit meine ich den View Hintergrund (schwarz ), nicht das Widget !

      F Offline
      F Offline
      franzda
      schrieb am zuletzt editiert von
      #7

      @glasfaser zeigts du mir deine HTML code bitte

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • F franzda

        @glasfaser zeigts du mir deine HTML code bitte

        GlasfaserG Offline
        GlasfaserG Offline
        Glasfaser
        schrieb am zuletzt editiert von
        #8

        @franzda sagte in SVG Datei in html Widget anzeigen:

        @glasfaser zeigts du mir deine HTML code bitte

        ????

        Was für ein Code ... ist doch dein Schnipsel was du oben angegeben hast

        <img src="/vis-icontwo/Electricity/car_battery.png">
          <img src="/icons-mfd-svg/weather_humidity.svg">
        

        Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

        F 1 Antwort Letzte Antwort
        0
        • GlasfaserG Glasfaser

          @franzda sagte in SVG Datei in html Widget anzeigen:

          @glasfaser zeigts du mir deine HTML code bitte

          ????

          Was für ein Code ... ist doch dein Schnipsel was du oben angegeben hast

          <img src="/vis-icontwo/Electricity/car_battery.png">
            <img src="/icons-mfd-svg/weather_humidity.svg">
          
          F Offline
          F Offline
          franzda
          schrieb am zuletzt editiert von
          #9

          @glasfaser kannst du bitte dann Widget exportieren damit ich importieren kann. Etwas ist noch anders bei dir. (was ich scheinbar noch übersehe)

          GlasfaserG 1 Antwort Letzte Antwort
          0
          • F franzda

            @glasfaser kannst du bitte dann Widget exportieren damit ich importieren kann. Etwas ist noch anders bei dir. (was ich scheinbar noch übersehe)

            GlasfaserG Offline
            GlasfaserG Offline
            Glasfaser
            schrieb am zuletzt editiert von
            #10

            @franzda

            Da ist nichts anderes , ist eine HTML Widget und dein Code ... Schnipsel

            [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"    <img src=\"/vis-icontwo/Electricity/car_battery.png\">\n\n \n\n    <img src=\"/icons-mfd-svg/weather_humidity.svg\">"},"style":{"left":"512px","top":"23px","width":"471px","height":"405px"},"widgetSet":"basic"}]
            

            Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

            F 1 Antwort Letzte Antwort
            0
            • GlasfaserG Glasfaser

              @franzda

              Da ist nichts anderes , ist eine HTML Widget und dein Code ... Schnipsel

              [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"    <img src=\"/vis-icontwo/Electricity/car_battery.png\">\n\n \n\n    <img src=\"/icons-mfd-svg/weather_humidity.svg\">"},"style":{"left":"512px","top":"23px","width":"471px","height":"405px"},"widgetSet":"basic"}]
              

              F Offline
              F Offline
              franzda
              schrieb am zuletzt editiert von
              #11

              @glasfaser DANKE
              hätte früher versuchen müssen. Nach Neustart und ohne weitere Änderung ist alles ok. Scheinbar hat sich irgendwas verklemmt. Habe aber keine Idee was das sein könnte.
              Habe nicht daran gedacht neu zu starten. (installiert habe ich heute nichts also daran kann nicht liegen weil bei einigen Adapter liest man dass Neustart nötig ist.

              HomoranH GlasfaserG 2 Antworten Letzte Antwort
              0
              • F franzda

                @glasfaser DANKE
                hätte früher versuchen müssen. Nach Neustart und ohne weitere Änderung ist alles ok. Scheinbar hat sich irgendwas verklemmt. Habe aber keine Idee was das sein könnte.
                Habe nicht daran gedacht neu zu starten. (installiert habe ich heute nichts also daran kann nicht liegen weil bei einigen Adapter liest man dass Neustart nötig ist.

                HomoranH Nicht stören
                HomoranH Nicht stören
                Homoran
                Global Moderator Administrators
                schrieb am zuletzt editiert von
                #12

                @franzda sagte in SVG Datei in html Widget anzeigen:

                Habe nicht daran gedacht neu zu starten

                Möglicherweise hätte auch ein Browserrefresh gereicht.

                @franzda sagte in SVG Datei in html Widget anzeigen:

                Weil ich in HTML javasript einbinden kann.

                dir ist aber bewusst, dass dieses Javascript im Browser abläuft und bei vielen Widgets mit Code dieses zusätzlich zum sowieso schon ressourcenfressenden Rendern das möglicherweise nicht allzu leistungsfähige Tablet mehr oder weniger langsamer wird?

                kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                F 1 Antwort Letzte Antwort
                0
                • F franzda

                  @glasfaser DANKE
                  hätte früher versuchen müssen. Nach Neustart und ohne weitere Änderung ist alles ok. Scheinbar hat sich irgendwas verklemmt. Habe aber keine Idee was das sein könnte.
                  Habe nicht daran gedacht neu zu starten. (installiert habe ich heute nichts also daran kann nicht liegen weil bei einigen Adapter liest man dass Neustart nötig ist.

                  GlasfaserG Offline
                  GlasfaserG Offline
                  Glasfaser
                  schrieb am zuletzt editiert von Glasfaser
                  #13

                  @franzda sagte in SVG Datei in html Widget anzeigen:

                  Scheinbar hat sich irgendwas verklemmt.

                  Man kann auch Unfug mit Code´s im Html Widget einfangen , wenn man nicht weiß was man da macht !!!

                  Hatten wir hier zu genüge , im I-Net ein Code kopiert , in einem Widget eingefügt und im Nu ist die View/Editor Schrott .

                  Synology 918+ 16GB - ioBroker in Docker v9 , VISO auf Trekstor Primebook C13 13,3" , Hikvision Domkameras mit Surveillance Station .. CCU RaspberryMatic in Synology VM .. Zigbee CC2538+CC2592 .. Sonoff .. KNX .. Modbus ..

                  1 Antwort Letzte Antwort
                  0
                  • HomoranH Homoran

                    @franzda sagte in SVG Datei in html Widget anzeigen:

                    Habe nicht daran gedacht neu zu starten

                    Möglicherweise hätte auch ein Browserrefresh gereicht.

                    @franzda sagte in SVG Datei in html Widget anzeigen:

                    Weil ich in HTML javasript einbinden kann.

                    dir ist aber bewusst, dass dieses Javascript im Browser abläuft und bei vielen Widgets mit Code dieses zusätzlich zum sowieso schon ressourcenfressenden Rendern das möglicherweise nicht allzu leistungsfähige Tablet mehr oder weniger langsamer wird?

                    F Offline
                    F Offline
                    franzda
                    schrieb am zuletzt editiert von
                    #14

                    @homoran said in SVG Datei in html Widget anzeigen:

                    dir ist aber bewusst, dass dieses Javascript im Browser abläuft und bei vielen Widgets mit Code dieses zusätzlich zum sowieso schon ressourcenfressenden Rendern das möglicherweise nicht allzu leistungsfähige Tablet mehr oder weniger langsamer wird?

                    Danke für deinen Hinweis. In der Tat habe ich schon daran gedacht.
                    Meine Idee ist ein Objekt zu parametrieren und in java weitere Objekte logisch abzuleiten und die Symbole in Abhängigkeit der Werte farblich anders darstellen

                    Also
                    {deconz.0.Sensors.7.temperature} parametrieren und Raum, Feuchte , Druck, Erreichbarkeit, Batterie und Aktualisierungszeit ohne Parametrierung zu ermitteln.

                    Möglicherweise wird aber so besser sein dass ich Anwahl ein Script in der Lache Skripte dazuschalte. und in dem Widget nur anzeige.

                    Möchte einfach die fast unendliche Möglichkeiten von ioBroker verstehen um diese optimal nutzen zu können.

                    HomoranH 1 Antwort Letzte Antwort
                    0
                    • F franzda

                      @homoran said in SVG Datei in html Widget anzeigen:

                      dir ist aber bewusst, dass dieses Javascript im Browser abläuft und bei vielen Widgets mit Code dieses zusätzlich zum sowieso schon ressourcenfressenden Rendern das möglicherweise nicht allzu leistungsfähige Tablet mehr oder weniger langsamer wird?

                      Danke für deinen Hinweis. In der Tat habe ich schon daran gedacht.
                      Meine Idee ist ein Objekt zu parametrieren und in java weitere Objekte logisch abzuleiten und die Symbole in Abhängigkeit der Werte farblich anders darstellen

                      Also
                      {deconz.0.Sensors.7.temperature} parametrieren und Raum, Feuchte , Druck, Erreichbarkeit, Batterie und Aktualisierungszeit ohne Parametrierung zu ermitteln.

                      Möglicherweise wird aber so besser sein dass ich Anwahl ein Script in der Lache Skripte dazuschalte. und in dem Widget nur anzeige.

                      Möchte einfach die fast unendliche Möglichkeiten von ioBroker verstehen um diese optimal nutzen zu können.

                      HomoranH Nicht stören
                      HomoranH Nicht stören
                      Homoran
                      Global Moderator Administrators
                      schrieb am zuletzt editiert von Homoran
                      #15

                      @franzda sagte in SVG Datei in html Widget anzeigen:

                      Möchte einfach die fast unendliche Möglichkeiten von ioBroker v

                      allerdings ist die Zahl an erlaubten Bindings endlich.
                      ob die Anzahl Zeichen an code auch begrenzt ist weiß ich nicht.

                      ist ja kein Logik-Adapter.
                      Auch die Skripte in der Lasche laufen auf dem Tablet

                      kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                      Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                      der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                      F 1 Antwort Letzte Antwort
                      0
                      • HomoranH Homoran

                        @franzda sagte in SVG Datei in html Widget anzeigen:

                        Möchte einfach die fast unendliche Möglichkeiten von ioBroker v

                        allerdings ist die Zahl an erlaubten Bindings endlich.
                        ob die Anzahl Zeichen an code auch begrenzt ist weiß ich nicht.

                        ist ja kein Logik-Adapter.
                        Auch die Skripte in der Lasche laufen auf dem Tablet

                        F Offline
                        F Offline
                        franzda
                        schrieb am zuletzt editiert von
                        #16

                        @homoran said in SVG Datei in html Widget anzeigen:

                        allerdings ist die Zahl an erlaubten Bindings endlich.

                        In der Tat habe ich das schon gesehen als ich eine recht große Tabelle für ca 25 Objekte / Zeilen (also Messwerte) mit 7-8 Spalten generiert und in html angezeigt hatte {Objekt} .... {Objekt} Mein Eindruck war (habe den Fall nicht weiter verfolgt) aber dass ich die maximale Anzahl von Variablen überschritten hatte;
                        weil die inhaltlich gleiche html Tabelle mit konkreten Werten, (24 C, 70%, 1000hPa ...) in script generiert und als Objekt gespeichert und in dieses dann einem html Widget angezeigt, funktioniert hatte.

                        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

                        521

                        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