Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. HTML Tabelle für Shelly Device Übersicht

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    HTML Tabelle für Shelly Device Übersicht

    This topic has been deleted. Only users with topic management privileges can see it.
    • liv-in-sky
      liv-in-sky @dos1973 last edited by

      @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 1 Reply Last reply Reply Quote 0
      • D
        dos1973 @liv-in-sky last edited by 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-sky 2 Replies Last reply Reply Quote 0
        • liv-in-sky
          liv-in-sky @dos1973 last edited by

          @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 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @dos1973 last edited by

            @dos1973 was für verbesserungen

            1 Reply Last reply Reply Quote 0
            • D
              dos1973 @liv-in-sky last edited by

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

              liv-in-sky 1 Reply Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @dos1973 last edited by

                @dos1973 jup

                da_Woody 1 Reply Last reply Reply Quote 0
                • da_Woody
                  da_Woody @liv-in-sky last edited by 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 liv-in-sky 2 Replies Last reply Reply Quote 0
                  • D
                    dos1973 @da_Woody last edited by

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

                    da_Woody 1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @da_Woody last edited by

                      @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_Woody 1 Reply Last reply Reply Quote 0
                      • da_Woody
                        da_Woody @liv-in-sky last edited by

                        @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

                        liv-in-sky 2 Replies Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @da_Woody last edited by

                          @da_woody ok - die überschriften sind ja jetzt so, wie du die möchtest - ? umrahmt

                          mit der seitenleiste auf der rechten seite habe ich dich falsch verstanden -also mach ich die in der mitte wieder weg ? muss ich mal ansehen, wie ich am ende anhängen kann

                          da_Woody 1 Reply Last reply Reply Quote 0
                          • da_Woody
                            da_Woody @liv-in-sky last edited by da_Woody

                            @liv-in-sky said in HTML Tabelle für Shelly Device Übersicht:

                            ok - die überschriften sind ja jetzt so, wie du die möchtest - ? umrahmt

                            nope! links sinds ja button zum sortieren, in der rechten spalte nur überschriften. wäre ja OK, aber auch da ein rahmen drum würde meinem auge schmeicheln... i know, aber nach 35 jahren beim fernsehn im bereich licht, bin ich ein extrem optischer knabe... 😄

                            den mittestreifen kannste knicken, den kann man ja easy breiter machen. 🙂 habsch ja schon von 1px auf 2px gemacht

                            1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @da_Woody last edited by

                              @da_woody

                              die rahmen um die überschreiften sind doch schon oben im bild drin - oder check ich das nicht

                              ?

                              Image 4.png

                              da_Woody 1 Reply Last reply Reply Quote 0
                              • da_Woody
                                da_Woody @liv-in-sky last edited by

                                @liv-in-sky schau dir meine screenies an! bei mir nur links der rahmen!
                                OHA, siewo bei dir?

                                liv-in-sky 1 Reply Last reply Reply Quote 0
                                • liv-in-sky
                                  liv-in-sky @da_Woody last edited by

                                  @da_woody warum soll ich deine anschauen - ich zeige dir doch die ganze zeit, wie du sie sehen willst - ich weiß ja, das im orginal die ränder nictt drin sind in der rechten tabelle

                                  ist das jetzt das richjtige format ?????

                                  Image 4.png

                                  da_Woody 1 Reply Last reply Reply Quote 0
                                  • da_Woody
                                    da_Woody @liv-in-sky last edited by

                                    @liv-in-sky biglol.gif jup, so siehts jut aus!
                                    d - ö veständigungsprobleme... 😄

                                    liv-in-sky 1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky @da_Woody last edited by

                                      @da_woody

                                      noch ne sache - wenn du dir trennungs linie in der mitte mal auf 10 stellst, sieht das nicht mehr schön aus - da entsteht ein häßlicher balken in der mitte (const trennungsLinie)

                                      daher z.b. mit einer solchen trennungslinie - kann ich aber wieder wegmachen, wenn's nicht gefällt

                                      Image 5.png

                                      da_Woody 1 Reply Last reply Reply Quote 0
                                      • da_Woody
                                        da_Woody @liv-in-sky last edited by

                                        @liv-in-sky noe.png sieht hübsch aus!

                                        liv-in-sky 1 Reply Last reply Reply Quote 0
                                        • liv-in-sky
                                          liv-in-sky @da_Woody last edited by

                                          @da_woody

                                          1611259663730-wut.gif kristallkugel.gif (dich zu verstehen ist komplizierter als das programmieren 🙂 )

                                          was sieht hübsch aus ?

                                          das - trennungslinie 10?

                                          Image 6.png

                                          oder das - extra trennung mit verlaufshintergrund?

                                          Image 7.png

                                          oder die normale linie mit 1-2px?

                                          Image 8.png

                                          da_Woody 1 Reply Last reply Reply Quote 0
                                          • da_Woody
                                            da_Woody @liv-in-sky last edited by da_Woody

                                            @liv-in-sky i c, die mojis gefallen dir...!prost.gif
                                            tschuldigung.gif , meinte nummer 2!

                                            oder das - extra trennung mit verlaufshintergrund?

                                            mir fällt blöd reden leichter, als proggen! 😄

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            13
                                            261
                                            28943
                                            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