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
    324

  • 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.
  • HomoranH Homoran

    @franzda sagte in SVG Datei in html Widget anzeigen:

    Wie kann ich eine svg Datei in einem HTML Widget anzeigen. Beide Dateien sind vorhanden.
    Die svg Datei Fall 2 wird nicht angezeigt. In den "Standard" Widget werden beide angezeigt.

    und warum muss es ein HTML-Widget sein?
    ist ein Bild, also Image Widget hätte ich mir gesagt.

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

    @homoran Weil ich in HTML javasript einbinden kann.

    1 Antwort Letzte Antwort
    0
    • GlasfaserG Glasfaser

      @franzda sagte in SVG Datei in html Widget anzeigen:

      Habe schon einiges probiert ohne Erfolg.

      Deine Code wird nicht im Vis Editor angezeigt , gehe mal in den Runtime !

      **EDIT :

      Schwarzer Hintergrund / Schwarzes Widget !!!**

      f5d3428a-75a4-4cd4-8840-69055e2062cd-grafik.png

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

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

      GlasfaserG 1 Antwort Letzte Antwort
      0
      • 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

                            729

                            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