Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. Energieanzeige (kWh) über HTML Tabelle - vis

NEWS

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    17
    1
    376

  • Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨
    BluefoxB
    Bluefox
    17
    1
    4.9k

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    13
    1
    1.3k

Energieanzeige (kWh) über HTML Tabelle - vis

Scheduled Pinned Locked Moved JavaScript
javascripttemplate
696 Posts 37 Posters 168.8k Views 46 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • liv-in-skyL liv-in-sky

    @Oli

    frage 3 du musst braucheEinVISWidget=true; eingeschaltet lassen
    zu 2: nein, denn es zeigt an , ob das gerät (also der sensor) aktiv ist - evtl. werde ich morgen noch den switch selbst mit einbeziehen ( ich hoffte, es fällt niemanden auf, dass sie fehlen :) )
    zu eins: ist keine variable - kann ich aber auch morgen miteinbeziehen und als variable anbieten

    O Online
    O Online
    Oli
    wrote on last edited by Oli
    #291

    @liv-in-sky

    zu 3: Wenn ich das mache überschreibt er mir die vorhandenen Werte
    zu 2: Das könnte man wie beim unifi Script mit einem zusätzlichen Image lösen

    1. In der alten Tabelle hattest du noch den Gesamtverbrauch mit drin, ist der rausgeflogen?
    2. Kann man einen Button zum ein und ausschalten mit einbauen, so wie im Script vom Adapterstatus?

    Programmieren kann ich nicht, aber Ideen habe ich viele :grin:

    Hier mal das offizielle homee Logo zum austauschen in deiner Sammlung

    homeek.png

    Gruß
    Oliver

    1 Reply Last reply
    0
    • liv-in-skyL liv-in-sky

      @Oli

      frage 3 du musst braucheEinVISWidget=true; eingeschaltet lassen
      zu 2: nein, denn es zeigt an , ob das gerät (also der sensor) aktiv ist - evtl. werde ich morgen noch den switch selbst mit einbeziehen ( ich hoffte, es fällt niemanden auf, dass sie fehlen :) )
      zu eins: ist keine variable - kann ich aber auch morgen miteinbeziehen und als variable anbieten

      P Offline
      P Offline
      PatrickFro
      wrote on last edited by
      #292

      @liv-in-sky
      Moin,

      die Änderungen gefallen mir sehr, ich kann nun die Spalten ausblenden, die ich nicht brauche. Auch das LAyout passt nun deutlich besser zu meiner View. Danke dafür.

      Leider bin ich für die Bilder scheinbar zu doof...
      748066ed-fc2f-4ca9-bc1c-c918fbb8769f-image.png
      87a7a9b2-3622-4843-8a51-c0ca6cf0e1b5-image.png

      db445622-395c-43af-b499-0f6c94f167eb-image.png

      Pfad ist korrekt gesetzt, Bilder sind an der Stelle. Trotzdem werden sie nicht angezeigt. Da niemand anderes dieses schreibt, ist mein Raspi wohl wieder was besonderes ;-)

      Hast Du eine Idee?

      O liv-in-skyL 4 Replies Last reply
      0
      • P PatrickFro

        @liv-in-sky
        Moin,

        die Änderungen gefallen mir sehr, ich kann nun die Spalten ausblenden, die ich nicht brauche. Auch das LAyout passt nun deutlich besser zu meiner View. Danke dafür.

        Leider bin ich für die Bilder scheinbar zu doof...
        748066ed-fc2f-4ca9-bc1c-c918fbb8769f-image.png
        87a7a9b2-3622-4843-8a51-c0ca6cf0e1b5-image.png

        db445622-395c-43af-b499-0f6c94f167eb-image.png

        Pfad ist korrekt gesetzt, Bilder sind an der Stelle. Trotzdem werden sie nicht angezeigt. Da niemand anderes dieses schreibt, ist mein Raspi wohl wieder was besonderes ;-)

        Hast Du eine Idee?

        O Online
        O Online
        Oli
        wrote on last edited by Oli
        #293

        @PatrickFro

        du musst den Pfad im Script angeben, nicht im Widget.

        Sorry habe den Schnippel vom Script übersehen, hast du ja schon

        Edit:
        Schreib mal das Wort "Icons" im Script so wie im Widget.

        Gruß
        Oliver

        P 1 Reply Last reply
        0
        • O Oli

          @PatrickFro

          du musst den Pfad im Script angeben, nicht im Widget.

          Sorry habe den Schnippel vom Script übersehen, hast du ja schon

          Edit:
          Schreib mal das Wort "Icons" im Script so wie im Widget.

          P Offline
          P Offline
          PatrickFro
          wrote on last edited by
          #294

          @Oli Pfade sind korrekt geschrieben oder was übersehe ich dabei?

          O 1 Reply Last reply
          0
          • P PatrickFro

            @Oli Pfade sind korrekt geschrieben oder was übersehe ich dabei?

            O Online
            O Online
            Oli
            wrote on last edited by
            #295

            @PatrickFro

            du schreibst das Wort "Icons" im Script komplett groß im Widget nicht

            Gruß
            Oliver

            P 1 Reply Last reply
            0
            • P PatrickFro

              @liv-in-sky
              Moin,

              die Änderungen gefallen mir sehr, ich kann nun die Spalten ausblenden, die ich nicht brauche. Auch das LAyout passt nun deutlich besser zu meiner View. Danke dafür.

              Leider bin ich für die Bilder scheinbar zu doof...
              748066ed-fc2f-4ca9-bc1c-c918fbb8769f-image.png
              87a7a9b2-3622-4843-8a51-c0ca6cf0e1b5-image.png

              db445622-395c-43af-b499-0f6c94f167eb-image.png

              Pfad ist korrekt gesetzt, Bilder sind an der Stelle. Trotzdem werden sie nicht angezeigt. Da niemand anderes dieses schreibt, ist mein Raspi wohl wieder was besonderes ;-)

              Hast Du eine Idee?

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              wrote on last edited by
              #296

              @PatrickFro wie has du eigentlich die marke in die 2te spalte bekommen ?

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              O 1 Reply Last reply
              0
              • P PatrickFro

                @liv-in-sky
                Moin,

                die Änderungen gefallen mir sehr, ich kann nun die Spalten ausblenden, die ich nicht brauche. Auch das LAyout passt nun deutlich besser zu meiner View. Danke dafür.

                Leider bin ich für die Bilder scheinbar zu doof...
                748066ed-fc2f-4ca9-bc1c-c918fbb8769f-image.png
                87a7a9b2-3622-4843-8a51-c0ca6cf0e1b5-image.png

                db445622-395c-43af-b499-0f6c94f167eb-image.png

                Pfad ist korrekt gesetzt, Bilder sind an der Stelle. Trotzdem werden sie nicht angezeigt. Da niemand anderes dieses schreibt, ist mein Raspi wohl wieder was besonderes ;-)

                Hast Du eine Idee?

                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                wrote on last edited by
                #297

                @PatrickFro kannst du mal bitte den inhalt des datenpunktes für das materialdesign table widget posten ?

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                O 1 Reply Last reply
                0
                • liv-in-skyL liv-in-sky

                  @PatrickFro kannst du mal bitte den inhalt des datenpunktes für das materialdesign table widget posten ?

                  O Online
                  O Online
                  Oli
                  wrote on last edited by Oli
                  #298

                  @liv-in-sky

                  ich habe vielleicht auch noch eine interessante Variante für deine Sammlung

                  385a88f4-8e4b-42a6-9b3f-7ba9662842af-image.png

                  [{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"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","wrapItems":true,"listItemDataMethod":"jsonStringObject","countListItems":"1","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"vertical","listType0":"text","showValueLabel0":"true","listType1":"text","showValueLabel1":"true","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,"json_string_oid":"javascript.0.Energieverbrauch.Strom.EnergyMaterialWidge","maxItemsperRow":"7","iconItemMinWidth":"280","iconHeight":"60","buttonHeight":"","labelFontSize":"16","subLabelFontSize":"14","subLabelFontColor":"#8f8f8f","labelFontFamily":"Arial, Helvetica, sans-serif","subLabelFontFamily":"Arial, Helvetica, sans-serif","horizontalIconContainerWidth":"","listImage0":"","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","verticalIconContainerHeight":"80","buttonLayout":"full","itemBackgroundColor":"#2e2e2e","labelFontColor":"#d7cec1"},"style":{"left":"23px","top":"308px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]
                  

                  Subtextänderungen im Script ab Zeile 1530

                  
                  mysubText =     `<div>Strom: ${vax3} A</div> 
                                        <div>Spannung: ${vax4} V</div> 
                                        <div>Leistung: ${vax5} W</div>
                                        <div>Heute: ${vax7} kWh</div> 
                                        <div>Monat: ${vax8} kWh</div>
                                        <div>Heute: ${vax9} €</div> 
                                        <div>Monat: ${vax10} €</div>`
                  

                  Gruß
                  Oliver

                  liv-in-skyL 1 Reply Last reply
                  1
                  • liv-in-skyL liv-in-sky

                    @PatrickFro wie has du eigentlich die marke in die 2te spalte bekommen ?

                    O Online
                    O Online
                    Oli
                    wrote on last edited by
                    #299

                    @liv-in-sky said in Energieanzeige (kWh) über HTML Tabelle - vis:

                    wie has du eigentlich die marke in die 2te spalte bekommen ?

                    das funktioniert, wenn du in deinem Script bei der Json Bildung die Marke als zweites einfügst und anschließend im Widget die Spalten neu konfigurierst.

                    Gruß
                    Oliver

                    liv-in-skyL 1 Reply Last reply
                    0
                    • O Oli

                      @liv-in-sky said in Energieanzeige (kWh) über HTML Tabelle - vis:

                      wie has du eigentlich die marke in die 2te spalte bekommen ?

                      das funktioniert, wenn du in deinem Script bei der Json Bildung die Marke als zweites einfügst und anschließend im Widget die Spalten neu konfigurierst.

                      liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      wrote on last edited by
                      #300

                      @Oli danke, dass weiß ich - ich wollte eigentlich wissen, ob @PatrickFro das script verändert hat :-) - wegen den bildern

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      1 Reply Last reply
                      0
                      • O Oli

                        @liv-in-sky

                        ich habe vielleicht auch noch eine interessante Variante für deine Sammlung

                        385a88f4-8e4b-42a6-9b3f-7ba9662842af-image.png

                        [{"tpl":"tplVis-materialdesign-Icon-List","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"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","wrapItems":true,"listItemDataMethod":"jsonStringObject","countListItems":"1","vibrateOnMobilDevices":"50","listLayout":"card","itemLayout":"vertical","listType0":"text","showValueLabel0":"true","listType1":"text","showValueLabel1":"true","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,"json_string_oid":"javascript.0.Energieverbrauch.Strom.EnergyMaterialWidge","maxItemsperRow":"7","iconItemMinWidth":"280","iconHeight":"60","buttonHeight":"","labelFontSize":"16","subLabelFontSize":"14","subLabelFontColor":"#8f8f8f","labelFontFamily":"Arial, Helvetica, sans-serif","subLabelFontFamily":"Arial, Helvetica, sans-serif","horizontalIconContainerWidth":"","listImage0":"","autoLockAfter":"10","lockIconTop":"5","lockIconLeft":"5","lockFilterGrayscale":"30","lockApplyOnlyOnImage":"true","verticalIconContainerHeight":"80","buttonLayout":"full","itemBackgroundColor":"#2e2e2e","labelFontColor":"#d7cec1"},"style":{"left":"23px","top":"308px","width":"calc(100% - 40px)","height":"calc(100% - 120px)","overflow-x":"","overflow-y":"auto","z-index":"1","color":"#8f8f8f"},"widgetSet":"materialdesign"}]
                        

                        Subtextänderungen im Script ab Zeile 1530

                        
                        mysubText =     `<div>Strom: ${vax3} A</div> 
                                              <div>Spannung: ${vax4} V</div> 
                                              <div>Leistung: ${vax5} W</div>
                                              <div>Heute: ${vax7} kWh</div> 
                                              <div>Monat: ${vax8} kWh</div>
                                              <div>Heute: ${vax9} €</div> 
                                              <div>Monat: ${vax10} €</div>`
                        

                        liv-in-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        wrote on last edited by liv-in-sky
                        #301

                        @Oli das sieht gut aus - ich wollte nur nicht so viel platz verschwenden , wenn man mehr von den geräten hat, wird es sonst zu lange

                        poste doch deine "subtext"einstellung , damit andere das auch haben

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        O 1 Reply Last reply
                        0
                        • O Oli

                          @PatrickFro

                          du schreibst das Wort "Icons" im Script komplett groß im Widget nicht

                          P Offline
                          P Offline
                          PatrickFro
                          wrote on last edited by
                          #302

                          @Oli Schreibweise ist bei beiden die selbe, nur erster Buchstabe groß.

                          @liv-in-sky Das Widget aus dem ersten Post passte nicht, die Daten waren an anderer Stelle. Somit habe ich weitere Spalten hinzugefügt, aber nichts an sich geändert.

                          let braucheMaterialDesignWidgetTable=false; , daher habe ich kein Table. Wenn ich es aktiviere kommt folgendes:

                          [{"Device":"<font color='#00BFFF'>alle Geräte</font>","Status":"🔹","Strom":" - ","Spannung":" - ","Power":" - ","Schalter":" - ","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0.00","PreisMonat":"0.00","marke":"/vis.0/Icons/infok.png"}]
                          
                          liv-in-skyL 1 Reply Last reply
                          0
                          • P PatrickFro

                            @Oli Schreibweise ist bei beiden die selbe, nur erster Buchstabe groß.

                            @liv-in-sky Das Widget aus dem ersten Post passte nicht, die Daten waren an anderer Stelle. Somit habe ich weitere Spalten hinzugefügt, aber nichts an sich geändert.

                            let braucheMaterialDesignWidgetTable=false; , daher habe ich kein Table. Wenn ich es aktiviere kommt folgendes:

                            [{"Device":"<font color='#00BFFF'>alle Geräte</font>","Status":"🔹","Strom":" - ","Spannung":" - ","Power":" - ","Schalter":" - ","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0.00","PreisMonat":"0.00","marke":"/vis.0/Icons/infok.png"}]
                            
                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            wrote on last edited by
                            #303

                            @PatrickFro was kommt nach ein oder 2 minuten ? bleibt der inhalt gleich

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            P 1 Reply Last reply
                            0
                            • liv-in-skyL liv-in-sky

                              @Oli das sieht gut aus - ich wollte nur nicht so viel platz verschwenden , wenn man mehr von den geräten hat, wird es sonst zu lange

                              poste doch deine "subtext"einstellung , damit andere das auch haben

                              O Online
                              O Online
                              Oli
                              wrote on last edited by
                              #304

                              @liv-in-sky said in Energieanzeige (kWh) über HTML Tabelle - vis:

                              poste doch deine "subtext"einstellung , damit andere das auch haben

                              habe ich in meinem Poste hinzugefügt.

                              Andere Frage kann ich im Subtext Leerzeilen einfügen und wenn ja wie?

                              Gruß
                              Oliver

                              liv-in-skyL 1 Reply Last reply
                              0
                              • liv-in-skyL liv-in-sky

                                @PatrickFro was kommt nach ein oder 2 minuten ? bleibt der inhalt gleich

                                P Offline
                                P Offline
                                PatrickFro
                                wrote on last edited by
                                #305

                                @liv-in-sky jetzt ist es:

                                [{"Device":"Couchlicht","Status":"🔹","Strom":" - ","Spannung":" - ","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"2.940 ","kWhMonat":"7.521","PreisNow":"1","PreisMonat":"2.56","marke":"/vis.0/Icons/virtualpowermeterk.png"},{"Device":"Fernseher Gästezimmer","Status":"🔹","Strom":" - ","Spannung":" - ","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/virtualpowermeterk.png"},{"Device":"Vitrine","Status":"🔹","Strom":" - ","Spannung":" - ","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"0 ","kWhMonat":"0.021","PreisNow":"0","PreisMonat":"0.01","marke":"/vis.0/Icons/virtualpowermeterk.png"},{"Device":"Großes Bad","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0.002 ","kWhMonat":"0.100","PreisNow":"0","PreisMonat":"0.03","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Großes Bad(2)","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0.001 ","kWhMonat":"0.053","PreisNow":"0","PreisMonat":"0.02","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Gästezimmer","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0.051","PreisNow":"0","PreisMonat":"0.02","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Gästezimmer(2)","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0.148","PreisNow":"0","PreisMonat":"0.05","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Küche und Vitrine","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> ON","kWhNow":"0 ","kWhMonat":"0.042","PreisNow":"0","PreisMonat":"0.01","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Küche und Vitrine(2)","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Hauswirtschaftsraum","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0.013","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Hauswirtschaftsraum(2)","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Schlafzimmer","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0.014","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Schlafzimmer(2)","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Wohnzimmer","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0.022","PreisNow":"0","PreisMonat":"0.01","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Wohnzimmer(2)","Status":"🔹","Strom":"0","Spannung":"0","Power":"0","Schalter":" <font color=\"#0080FF\"> OFF","kWhNow":"0 ","kWhMonat":"0","PreisNow":"0","PreisMonat":"0","marke":"/vis.0/Icons/shellyk.png"},{"Device":"Steckdose TV Wohnzimmer","Status":"🔹","Strom":"0.021","Spannung":"234","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"0.093 ","kWhMonat":"4.196","PreisNow":"0.03","PreisMonat":"1.43","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"Steckdose Spülmaschine","Status":"🔹","Strom":"0.032","Spannung":"233","Power":"0","Schalter":" <font color=\"#0080FF\"> ON","kWhNow":"0.755 ","kWhMonat":"9.872","PreisNow":"0.26","PreisMonat":"3.36","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"Steckdose Waschmaschine","Status":"🔹","Strom":"0.033","Spannung":"236","Power":"0.38","Schalter":" <font color=\"#0080FF\"> ON","kWhNow":"0 ","kWhMonat":"8.921","PreisNow":"0","PreisMonat":"3.03","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"Playstation","Status":"🔹","Strom":"0.017","Spannung":"235","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"0 ","kWhMonat":"0.422","PreisNow":"0","PreisMonat":"0.14","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"Schreibtisch Gästezimmer","Status":"🔹","Strom":"0.014","Spannung":"233","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"0 ","kWhMonat":"2.182","PreisNow":"0","PreisMonat":"0.74","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"Ladegeräte Wohnzimmer","Status":"🔹","Strom":"0.011","Spannung":"235","Power":"0","Schalter":" <font color=\"#58ACFA\"> OFF","kWhNow":"0.002 ","kWhMonat":"0.433","PreisNow":"0","PreisMonat":"0.15","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"Technik HWR","Status":"🔹","Strom":"0.173","Spannung":"236","Power":"18.2","Schalter":" <font color=\"#0080FF\"> ON","kWhNow":"0.189 ","kWhMonat":"4.995","PreisNow":"0.06","PreisMonat":"1.7","marke":"/vis.0/Icons/tplinkk.png"},{"Device":"<font color='#00BFFF'>alle Geräte</font>","Status":"🔹","Strom":" - ","Spannung":" - ","Power":" - ","Schalter":" - ","kWhNow":"3.981 ","kWhMonat":"39.006","PreisNow":"1.35","PreisMonat":"13.26","marke":"/vis.0/Icons/infok.png"}]
                                
                                1 Reply Last reply
                                0
                                • O Oli

                                  @liv-in-sky said in Energieanzeige (kWh) über HTML Tabelle - vis:

                                  poste doch deine "subtext"einstellung , damit andere das auch haben

                                  habe ich in meinem Poste hinzugefügt.

                                  Andere Frage kann ich im Subtext Leerzeilen einfügen und wenn ja wie?

                                  liv-in-skyL Offline
                                  liv-in-skyL Offline
                                  liv-in-sky
                                  wrote on last edited by
                                  #306

                                  @Oli ich mache gerade eine neue version - können wir warten bis die fertig ist - sonst mußt du es nochmal ändern

                                  aber so sollte funktioniert es

                                  Image 2.png

                                  nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                  1 Reply Last reply
                                  0
                                  • P PatrickFro

                                    @liv-in-sky
                                    Moin,

                                    die Änderungen gefallen mir sehr, ich kann nun die Spalten ausblenden, die ich nicht brauche. Auch das LAyout passt nun deutlich besser zu meiner View. Danke dafür.

                                    Leider bin ich für die Bilder scheinbar zu doof...
                                    748066ed-fc2f-4ca9-bc1c-c918fbb8769f-image.png
                                    87a7a9b2-3622-4843-8a51-c0ca6cf0e1b5-image.png

                                    db445622-395c-43af-b499-0f6c94f167eb-image.png

                                    Pfad ist korrekt gesetzt, Bilder sind an der Stelle. Trotzdem werden sie nicht angezeigt. Da niemand anderes dieses schreibt, ist mein Raspi wohl wieder was besonderes ;-)

                                    Hast Du eine Idee?

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    wrote on last edited by
                                    #307

                                    @PatrickFro wegen den bildern - ichb in da was auf der spur - bitte warte auf das nächste update

                                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                    P 1 Reply Last reply
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @PatrickFro wegen den bildern - ichb in da was auf der spur - bitte warte auf das nächste update

                                      P Offline
                                      P Offline
                                      PatrickFro
                                      wrote on last edited by
                                      #308

                                      @liv-in-sky Ok, vielen Dank!

                                      1 Reply Last reply
                                      0
                                      • liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        wrote on last edited by
                                        #309

                                        wieder ein update - erster post - für die material design widget user !

                                        • die farbe für "alle geräte" widget ist im setting einstellbar - für materialdesign(MD)
                                        • bugfix bei anwendung der bilder - kam nur bei besonderen daten zum vorschein
                                        • schalter (ON OFF) sind nun sichtbar im material design - farbe war und ist einstellbar (const farbeSchalterON)
                                        • die farbe für die EINSPEISUNG ist auch einstellbar für MD
                                        • im setting sind die MD widgets auf false - bitte auf true setzen ( wenn ihr die html tabelle nicht benötigt, kann braucheEinVISWidget=false eingestellt werden)

                                        @PatrickFro bitte teste das script ohne änderungen und sieh nach en bildern und den werten

                                        @oli - mit dem schalten der buttons habe ich mich noch nicht beschäftigt - im material design widget

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        O P 2 Replies Last reply
                                        0
                                        • liv-in-skyL liv-in-sky

                                          wieder ein update - erster post - für die material design widget user !

                                          • die farbe für "alle geräte" widget ist im setting einstellbar - für materialdesign(MD)
                                          • bugfix bei anwendung der bilder - kam nur bei besonderen daten zum vorschein
                                          • schalter (ON OFF) sind nun sichtbar im material design - farbe war und ist einstellbar (const farbeSchalterON)
                                          • die farbe für die EINSPEISUNG ist auch einstellbar für MD
                                          • im setting sind die MD widgets auf false - bitte auf true setzen ( wenn ihr die html tabelle nicht benötigt, kann braucheEinVISWidget=false eingestellt werden)

                                          @PatrickFro bitte teste das script ohne änderungen und sieh nach en bildern und den werten

                                          @oli - mit dem schalten der buttons habe ich mich noch nicht beschäftigt - im material design widget

                                          O Online
                                          O Online
                                          Oli
                                          wrote on last edited by
                                          #310

                                          @liv-in-sky

                                          hast du den Gesamtverbrauch auch wieder mit eingearbeitet?

                                          Gruß
                                          Oliver

                                          liv-in-skyL 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          386

                                          Online

                                          32.7k

                                          Users

                                          82.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe