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. Visualisierung
  4. HTML Tabelle für Shelly Device Übersicht

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.4k

HTML Tabelle für Shelly Device Übersicht

Scheduled Pinned Locked Moved Visualisierung
261 Posts 13 Posters 42.7k Views 16 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

    @dos1973 könnte evtl zu problemen führen - die scripte, die in den tabellen "drin" sind - sind jetzt doppelt in der vis - könnte sein., dass das sortieren "rumspinnt"

    meine ersten versuche das nachzubilden sind leider noch nicht erfolgreich - evtl muss ich es aber so wie du es gemacht hast, auch im script machen - also 2 tabellen untereinander anlegen, die dann wie eine aussieht - die einstellungn dafür überschneiden sich mit meinen definitionen - ist etwas schwierig das zu integrieren

    D Offline
    D Offline
    dos1973
    wrote on last edited by
    #52

    @liv-in-sky
    also bisher habe ich nicht "fehlehaftes" wahrnehmen können...

    liv-in-skyL 1 Reply Last reply
    0
    • D dos1973

      @liv-in-sky
      also bisher habe ich nicht "fehlehaftes" wahrnehmen können...

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

      @dos1973 ich weiß leider nicht genau, wie die gültigkeit von scripten in der ganzen view ist. gilt ein script nur in dem widget oder gilt es überall - aber wenn es funktioniert ist ja erstmal gut

      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
      • liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        wrote on last edited by
        #54

        hab euch nicht vergessen - habe nur wenig zeit und etwas fortschritt gibt es auch schon - muss abe rviel am script ändern - dauert noch etwas

        AApossis (14).gif

        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

        D 1 Reply Last reply
        1
        • Holger EtzelH Offline
          Holger EtzelH Offline
          Holger Etzel
          wrote on last edited by
          #55

          Hallo,
          wo wird die Tabellenbreite und die Lage der Tabelle eingestellt?

          liv-in-skyL 1 Reply Last reply
          0
          • Holger EtzelH Holger Etzel

            Hallo,
            wo wird die Tabellenbreite und die Lage der Tabelle eingestellt?

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

            @holger-etzel die breite unter "weite" und die lage bestimmst du durch die lage des html-standard widgets

            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

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

              @holger-etzel die breite unter "weite" und die lage bestimmst du durch die lage des html-standard widgets

              Holger EtzelH Offline
              Holger EtzelH Offline
              Holger Etzel
              wrote on last edited by
              #57

              @liv-in-sky
              Habe ich auch so gedacht, aber wenn ich da die Werte ändere bleibt die Tabelle in der VIS immer gleich ???

              D 1 Reply Last reply
              0
              • Holger EtzelH Holger Etzel

                @liv-in-sky
                Habe ich auch so gedacht, aber wenn ich da die Werte ändere bleibt die Tabelle in der VIS immer gleich ???

                D Offline
                D Offline
                dos1973
                wrote on last edited by
                #58

                @holger-etzel
                dein html-widget definiert die gesamtbreite

                Holger EtzelH 1 Reply Last reply
                0
                • D dos1973

                  @holger-etzel
                  dein html-widget definiert die gesamtbreite

                  Holger EtzelH Offline
                  Holger EtzelH Offline
                  Holger Etzel
                  wrote on last edited by
                  #59

                  @dos1973
                  habe es hin bekommen.
                  Habe im Skript die Einstellungen "auto" gegen Zahlenwerte ersetzt.

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

                    hab euch nicht vergessen - habe nur wenig zeit und etwas fortschritt gibt es auch schon - muss abe rviel am script ändern - dauert noch etwas

                    AApossis (14).gif

                    D Offline
                    D Offline
                    dos1973
                    wrote on last edited by
                    #60

                    @liv-in-sky
                    wäre es ggfs einfacher die Buttons also die Sortierung ausserhalb der Tabelle als DP zu erstellen? nur als Denkansatz...

                    liv-in-skyL 1 Reply Last reply
                    0
                    • D dos1973

                      @liv-in-sky
                      wäre es ggfs einfacher die Buttons also die Sortierung ausserhalb der Tabelle als DP zu erstellen? nur als Denkansatz...

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

                      @dos1973

                      das abspalten der überschriften würde schon funktionieren - aber sinn und zweck dieser tabelle ist eigentlich, so einfach wie möglich die tabelle in die vis einzubinden. also keine zwei widgets oder mehr. habe ich bei ein paar anderen tabellen - nervt mich aber persönlich, weil es nicht schön aussieht

                      natürlich könnten wir es hier, für diese tabelle, so machen - aber ich entwickle ja ein template, welches ich immer wieder verwenden möchte - daher denke ich immer allgemein und versuche das template zu verbessern. mit etwas zeit werde ich schon noch die richtige formel finden.

                      mittlerweile habe ich im template so viel geändert, damit das mit dem scrollen funktioniert, dass ich das fertigbekommen will. auch wenn man das denken könnte - aber ich bin kein html programmierer - ich muss durch viel ausprobieren und google suche die ganzen html sachen erstmal kapieren und dann das ganze im script verarbeiten.

                      alles wird gut :-)

                      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
                      • D dos1973

                        @liv-in-sky
                        Nochmals ein Herzliches Danke, ist Klasse geworden.

                        ich hätte noch 2-3 Wünsche, wenn das noch machbar wäre ;-)

                        fully-screenshot-5.png

                        Überschrift: Könntest du für die Überschrift auch den Font einstellen oder dass er den Font der Tabelle nimmt, dann wäre es einheitlich.

                        Überschrift: Muss diese Umrandung in der Überschrift sein?

                        Überschrift ganz rechts bei (Version): könntest du die Shelly zählen und anzeigen, da würde mir gefallen (32/8)- soll heissen 32 online und 8 offline. Schriftfarbe wie die online und Offline konfigurierte Farbe?

                        Tabelle: kannst du für die erste Spalte (Name) einen Padding-Left einstellen. Dann kann ich die Tabelle auf die ganze Breite setzen, aber es wirkt links nicht so gequetscht.

                        Danke Dir.

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

                        @dos1973

                        es gibt jetzt im ersten post ein update - mit umrandung button einstellbar und anzeige der aktiven im bezug zu allen

                        die symbole für on-offline künnen hier eingestellt werden - einfach ein symbol (emoji) in das array

                        Image 3.png
                        Image 2.png

                        es gibt da neue settings, daher aufpassen beim kopieren der alten settings

                        das mit der scrollbaren tabelle und dem stehenbleiben der ersten zeile klappt bis jetzt noch nicht - weiß nicht, ob ich das noch machen werde

                        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

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

                          @dos1973

                          es gibt jetzt im ersten post ein update - mit umrandung button einstellbar und anzeige der aktiven im bezug zu allen

                          die symbole für on-offline künnen hier eingestellt werden - einfach ein symbol (emoji) in das array

                          Image 3.png
                          Image 2.png

                          es gibt da neue settings, daher aufpassen beim kopieren der alten settings

                          das mit der scrollbaren tabelle und dem stehenbleiben der ersten zeile klappt bis jetzt noch nicht - weiß nicht, ob ich das noch machen werde

                          D Offline
                          D Offline
                          dos1973
                          wrote on last edited by dos1973
                          #63

                          @liv-in-sky
                          erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

                          aber der Rest 1A!! vor allem das zählen der Shelly!
                          Klasse und Danke.

                          Fehler:
                          das ist mir aufgefallen, geht nicht mehr

                          //ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
                          const UeberSchriftHoehe="145"; 
                          

                          Edit:
                          ist noch Platz für Verbessungsideen ?;-)

                          liv-in-skyL 2 Replies Last reply
                          0
                          • D dos1973

                            @liv-in-sky
                            erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

                            aber der Rest 1A!! vor allem das zählen der Shelly!
                            Klasse und Danke.

                            Fehler:
                            das ist mir aufgefallen, geht nicht mehr

                            //ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
                            const UeberSchriftHoehe="145"; 
                            

                            Edit:
                            ist noch Platz für Verbessungsideen ?;-)

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

                            @dos1973

                            bessere ich nach:

                            ersetze mal diese zeile (um die zeile 118):

                            let htmlTabUeber4="<tr style=\" font-family:"+htmlSchriftart+" ; height:"+UeberSchriftHoehe+"px; color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";
                            

                            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

                            D 1 Reply Last reply
                            0
                            • D dos1973

                              @liv-in-sky
                              erstmal Danke für deine Mühe... das mit der ersten Zeile ist noch nicht ganz optimal... ich hatte das zwar angeregt, aber wenns zu kompliziert und aufwändig ist... dann würde ich es weglassen.

                              aber der Rest 1A!! vor allem das zählen der Shelly!
                              Klasse und Danke.

                              Fehler:
                              das ist mir aufgefallen, geht nicht mehr

                              //ÜBERSCHRIFT SPALTEN - OBERSTE ZEILE IN TAB
                              const UeberSchriftHoehe="145"; 
                              

                              Edit:
                              ist noch Platz für Verbessungsideen ?;-)

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

                              @dos1973 was für verbesserungen

                              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
                              • liv-in-skyL liv-in-sky

                                @dos1973

                                bessere ich nach:

                                ersetze mal diese zeile (um die zeile 118):

                                let htmlTabUeber4="<tr style=\" font-family:"+htmlSchriftart+" ; height:"+UeberSchriftHoehe+"px; color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \">";
                                
                                D Offline
                                D Offline
                                dos1973
                                wrote on last edited by
                                #66

                                @liv-in-sky
                                das repariert wieder die Überschrift...

                                liv-in-skyL 1 Reply Last reply
                                0
                                • D dos1973

                                  @liv-in-sky
                                  das repariert wieder die Überschrift...

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

                                  @dos1973 jup

                                  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

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

                                    @dos1973 jup

                                    da_WoodyD Online
                                    da_WoodyD Online
                                    da_Woody
                                    wrote on last edited by da_Woody
                                    #68

                                    @liv-in-sky so, sortieren funzt in iQontrol jetzt auch! siehe hier
                                    so, noch ein bisschen rumgespielt. (schriftart, positionierung, farbe, ...) geht eigentlich kursiv auch? hab überall Garamond kursiv in iqontrol eingestellt...
                                    6128bcdb-81cc-4f3c-b029-34b7176440f7-grafik.png
                                    jetzt wirds pingelig, i know.
                                    bei der 2. tabelle sind die überschriften nicht umrahmt und mir würds gefallen, wenn rechts auch ein streifen wie links wäre. mit, oder ohne SHELLY. da geht die trennlinie in den rahmen über. 3f1c30f3-f4aa-4caa-9323-c95c865b3dec-grafik.png
                                    in der vergrösserung:
                                    1ef2f5c2-3a26-43dc-b0f7-e9e616bb670b-grafik.png
                                    stiefel da bei zeile 116 rum, find aber keinen weg nach der überschrift eine leerzeile einzufügen. klebt etwas zu sehr an der tabelle...

                                    gruß vom Woody
                                    HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                                    D liv-in-skyL 2 Replies Last reply
                                    0
                                    • da_WoodyD da_Woody

                                      @liv-in-sky so, sortieren funzt in iQontrol jetzt auch! siehe hier
                                      so, noch ein bisschen rumgespielt. (schriftart, positionierung, farbe, ...) geht eigentlich kursiv auch? hab überall Garamond kursiv in iqontrol eingestellt...
                                      6128bcdb-81cc-4f3c-b029-34b7176440f7-grafik.png
                                      jetzt wirds pingelig, i know.
                                      bei der 2. tabelle sind die überschriften nicht umrahmt und mir würds gefallen, wenn rechts auch ein streifen wie links wäre. mit, oder ohne SHELLY. da geht die trennlinie in den rahmen über. 3f1c30f3-f4aa-4caa-9323-c95c865b3dec-grafik.png
                                      in der vergrösserung:
                                      1ef2f5c2-3a26-43dc-b0f7-e9e616bb670b-grafik.png
                                      stiefel da bei zeile 116 rum, find aber keinen weg nach der überschrift eine leerzeile einzufügen. klebt etwas zu sehr an der tabelle...

                                      D Offline
                                      D Offline
                                      dos1973
                                      wrote on last edited by
                                      #69

                                      @da_woody
                                      71 shellys. Wow.
                                      Dachte mit meinen 40er wäre ich gut 😂

                                      da_WoodyD 1 Reply Last reply
                                      0
                                      • da_WoodyD da_Woody

                                        @liv-in-sky so, sortieren funzt in iQontrol jetzt auch! siehe hier
                                        so, noch ein bisschen rumgespielt. (schriftart, positionierung, farbe, ...) geht eigentlich kursiv auch? hab überall Garamond kursiv in iqontrol eingestellt...
                                        6128bcdb-81cc-4f3c-b029-34b7176440f7-grafik.png
                                        jetzt wirds pingelig, i know.
                                        bei der 2. tabelle sind die überschriften nicht umrahmt und mir würds gefallen, wenn rechts auch ein streifen wie links wäre. mit, oder ohne SHELLY. da geht die trennlinie in den rahmen über. 3f1c30f3-f4aa-4caa-9323-c95c865b3dec-grafik.png
                                        in der vergrösserung:
                                        1ef2f5c2-3a26-43dc-b0f7-e9e616bb670b-grafik.png
                                        stiefel da bei zeile 116 rum, find aber keinen weg nach der überschrift eine leerzeile einzufügen. klebt etwas zu sehr an der tabelle...

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

                                        @da_woody

                                        • schriftart - ie kenn ich nicht, hast du die zusätzlich installiert ?du meinst dann: Garamond Italic ? ist die in linux enthalten? wo stellst du die in iqontrol ein ? kannst du die nicht im script eintragen

                                        • linke seite, buttons, überschrift. ist eine änderung des scriptes - ich fand es irgendwie seltsam, die buttons in jede tabelle zu integrieren - siehe bild

                                        • auf der rechten seite auch eine seitenleiste zu integrieren -so ?

                                        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

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

                                          @da_woody

                                          • schriftart - ie kenn ich nicht, hast du die zusätzlich installiert ?du meinst dann: Garamond Italic ? ist die in linux enthalten? wo stellst du die in iqontrol ein ? kannst du die nicht im script eintragen

                                          • linke seite, buttons, überschrift. ist eine änderung des scriptes - ich fand es irgendwie seltsam, die buttons in jede tabelle zu integrieren - siehe bild

                                          • auf der rechten seite auch eine seitenleiste zu integrieren -so ?

                                          Image 2.png

                                          da_WoodyD Online
                                          da_WoodyD Online
                                          da_Woody
                                          wrote on last edited by
                                          #71

                                          @liv-in-sky mit der schriftart spiel ich mich noch rum... Garamond kann ich in iQontrol auswählen, betrifft aber anscheinend nicht so eine Tabelle.
                                          ich meinte die buttons oben! links gerahmt, in der 2. spalte nicht.
                                          b1a6ddb7-d83d-400d-ac26-0571b234a95e-grafik.png

                                          das mit rechter seite meinte ich eher so. ich weis ja nicht wie das in vis ist. aber in iQontrol würde das auch bei einer spalte besser aussehn. (war jetzt ganz schönes gefummel in GIMP :) ) wie aufwändig das ist, musst du wissen... ;)
                                          5c8c9a37-1dbb-43d4-b2b4-3f2653d8b841-grafik.png

                                          gruß vom Woody
                                          HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                                          liv-in-skyL 2 Replies 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

                                          624

                                          Online

                                          32.4k

                                          Users

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