Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. SVG Datei in html Widget anzeigen

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    SVG Datei in html Widget anzeigen

    This topic has been deleted. Only users with topic management privileges can see it.
    • F
      franzda @Homoran last edited by

      @homoran Weil ich in HTML javasript einbinden kann.

      1 Reply Last reply Reply Quote 0
      • F
        franzda @Glasfaser last edited by

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

        Glasfaser 1 Reply Last reply Reply Quote 0
        • Glasfaser
          Glasfaser @franzda last edited by 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 1 Reply Last reply Reply Quote 0
          • F
            franzda @Glasfaser last edited by

            @glasfaser zeigts du mir deine HTML code bitte

            Glasfaser 1 Reply Last reply Reply Quote 0
            • Glasfaser
              Glasfaser @franzda last edited by

              @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 1 Reply Last reply Reply Quote 0
              • F
                franzda @Glasfaser last edited by

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

                Glasfaser 1 Reply Last reply Reply Quote 0
                • Glasfaser
                  Glasfaser @franzda last edited by

                  @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 1 Reply Last reply Reply Quote 0
                  • F
                    franzda @Glasfaser last edited by

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

                    Homoran Glasfaser 2 Replies Last reply Reply Quote 0
                    • Homoran
                      Homoran Global Moderator Administrators @franzda last edited by

                      @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 1 Reply Last reply Reply Quote 0
                      • Glasfaser
                        Glasfaser @franzda last edited by Glasfaser

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

                        1 Reply Last reply Reply Quote 0
                        • F
                          franzda @Homoran last edited by

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

                          Homoran 1 Reply Last reply Reply Quote 0
                          • Homoran
                            Homoran Global Moderator Administrators @franzda last edited by 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 1 Reply Last reply Reply Quote 0
                            • F
                              franzda @Homoran last edited by

                              @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 Reply Last reply Reply Quote 0
                              • First post
                                Last post

                              Support us

                              ioBroker
                              Community Adapters
                              Donate

                              705
                              Online

                              31.9k
                              Users

                              80.1k
                              Topics

                              1.3m
                              Posts

                              3
                              16
                              663
                              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