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
    513

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.7k

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

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

                          369

                          Online

                          32.5k

                          Benutzer

                          81.8k

                          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