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

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    HTML Tabelle für Shelly Device Übersicht

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

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

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

        @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

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

          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 1 Reply Last reply Reply Quote 1
          • Holger Etzel
            Holger Etzel last edited by

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

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

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

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

                @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 Reply Quote 0
                • D
                  dos1973 @Holger Etzel last edited by

                  @holger-etzel
                  dein html-widget definiert die gesamtbreite

                  Holger Etzel 1 Reply Last reply Reply Quote 0
                  • Holger Etzel
                    Holger Etzel @dos1973 last edited by

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

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

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

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

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            525
                                            Online

                                            31.8k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

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