Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. Wie wird das Widget JSON Table eingestellt/formatiert

    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

    Wie wird das Widget JSON Table eingestellt/formatiert

    This topic has been deleted. Only users with topic management privileges can see it.
    • C
      Coffeelover last edited by

      Hallo,

      weil mein Thema zu der Überschrift direkt dazu passt, habe ich folgende Frage:

      Wie kann ich die Überschrift formatieren? Konkret möchte ich die Überschrift "nicht fett" haben. Über CSS –>font-weight: normal; greift die Änderung leider nicht.

      Vielen Dank

      1 Reply Last reply Reply Quote 0
      • D
        do1osc @Martin69 last edited by

        @Martin69 Hallo,
        Konntest du das Problem lösen ?
        Ich habe nämlich aktuell das gleiche Problem.

        Mit freundlichen Grüßen Sven

        1 Reply Last reply Reply Quote 0
        • Chaot
          Chaot last edited by

          Also ich persönlich habe es augegeben.
          Das Widget ist nirgends dokumentiert und es scheint keinen zu geben der das genau beschreiben kann. Und stundenlanges Try and Error für eine einfache Tabelle ist mir zu blöd.

          Homoran 1 Reply Last reply Reply Quote 0
          • Homoran
            Homoran Global Moderator Administrators @Chaot last edited by

            @Chaot
            Ich habe dieses Widget mehrfach eingebunden und gebe als ID einen Datenpunkt mit einem gültigen json an.

            Da gibt es überhaupt nichts zu konfigurieren.
            Warum soll es dann dazu eine Doku geben??

            Wenn ich das hier richtig lese wollt ihr das Widget umprogrammieren und sucht dafür eine Doku??

            Chaot sigi234 2 Replies Last reply Reply Quote 0
            • Chaot
              Chaot @Homoran last edited by

              @Homoran
              Ich will den nicht umprogrammieren.
              Ich versuche lediglich eine Tabelle einzubinden.
              Alles was ich erhalte ist ein graues Feld.
              Ich habe auch keine Idee wie ich die Tabelle Formatieren kann.
              Überschrift einstellbar?
              Spaltenbreite einstellbar?
              usw.
              Ich habe ja eingangs meine beiden Muster geschreiben und bekomme das mit den vorhandenen Datensätzen schlicht nicht hin.

              1 Reply Last reply Reply Quote 0
              • sigi234
                sigi234 Forum Testing Most Active @Homoran last edited by sigi234

                @Homoran sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                und gebe als ID einen Datenpunkt mit einem gültigen json an.

                Und genau das ist der springende Punkt.Dann kann man auch die Tabelle ändern.

                Screenshot (3475)_LI.jpg

                1 Reply Last reply Reply Quote 0
                • AlexAtHome
                  AlexAtHome last edited by

                  Ich hätte auch noch eine Frage zur Formatierung:
                  Bei mir funzt das Widget, auch die Spaltenbreite habe ich einstellen können (geht über "Kolumnanzahl" einstellen, und dann tauchen drunter für jede Spalte eigene Abschnitte zur Formatierung auf).

                  Ich würde gerne einzelne Zeilen formatieren abhängig vom Wert in einer Spalte (ich stelle meine Wecker dar, und wenn einer an ist, hätte ich den gerne fett, mit grüner Schrift, rosa hinterlegt - what ever, also irgendwie hervorgehoben.

                  Geht das mit diesem Widget + CSS?

                  1 Reply Last reply Reply Quote 1
                  • G
                    G.Hawk last edited by G.Hawk

                    Hallo
                    Ist zwar schon älter, aber genau die Frage habe ich auch.
                    Wie kann ich diese Tabelle etwas hübscher machen?

                    TomT 1 Reply Last reply Reply Quote 0
                    • G
                      G.Hawk last edited by

                      Hat hier wirklich keiner eine Idee dazu?

                      sigi234 Chaot 2 Replies Last reply Reply Quote 0
                      • sigi234
                        sigi234 Forum Testing Most Active @G.Hawk last edited by

                        @Martin-0 sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                        Hat hier wirklich keiner eine Idee dazu?

                        Wie ist der DP?

                        1 Reply Last reply Reply Quote 0
                        • Chaot
                          Chaot @G.Hawk last edited by

                          @Martin-0 Ich habe es aufgegeben.
                          Das habe ich nie zum laufen gebracht. Entweder keine Titelzeile oder alles versetzt oder alle möglich Fehler.
                          Es wird ja leider auch nirgendwo dokumentiert.

                          1 Reply Last reply Reply Quote 0
                          • JB_Sullivan
                            JB_Sullivan last edited by

                            Ich hole den Thread nochmal hervor, da mich auch gerade das Thema json Tabellen umtreibt.

                            Offensichtlich ist hier zumindest einer 😉 @sigi234 der das Thema json Tabellen "verstanden" hat.

                            Also erst einmal grundsätzlich zum besseren Verständnis.

                            Eine json Tabelle ist etwas , was der Entwickler des Adapters programmiert hat oder ist das etwas was der Hersteller des Gerätes ausgibt?

                            In einigen Adaptern kommen ja json Tabellen an. Leider kann man mit deren Inhalt Darstellungsmäßig oftmals nichts anfangen.
                            Kann man die irgendwie selber konfigurieren - also Spalten abwählen?

                            Ich bekomme z.B. diese Tabelle wenn ich das Widget "basic-tabelle" nehme.

                            2020-03-07 08_46_10-Edit vis.png

                            Die ersten drei Spalten sind für mich völlig uninteressant und ich würde diese gerne ausblenden - die Frage ist nur wie?

                            Es gibt aber auch andere Tabellen, wo nur "Strunz" ankommt.

                            2020-03-07 08_58_56-Edit vis.png

                            Wäre echt prima wenn hier jemand mal ein bisschen Lichts ins dunkle der json Tabellen Visualisierung bringen könnte

                            SBorg sigi234 2 Replies Last reply Reply Quote 0
                            • SBorg
                              SBorg Forum Testing Most Active @JB_Sullivan last edited by

                              @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                              Eine json Tabelle ist etwas , was der Entwickler des Adapters programmiert hat oder ist das etwas was der Hersteller des Gerätes ausgibt?

                              Sowohl als auch, meistens jedoch vom Adapter/Skript.

                              @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                              Kann man die irgendwie selber konfigurieren - also Spalten abwählen?

                              Ja, du kannst im Widget angeben was du möchtest. Bei deiner ersten Hardcopy wenn du bspw. nur "name" und "Fehler" möchtest, wählst du einfach "2" Kolumnen, "Name" und "Breite" wie es dir gefällt, und bei JSON Attribut muss der Originalname der JSON-Spalte hinein.
                              Du könntest also für die Überschrift (Name im Editor) zB. Gerät nehmen, wenn er aber im JSON "name" heißt, dann muss der auch so im JSON-Attribut eingetragen werden.

                              @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                              Es gibt aber auch andere Tabellen, wo nur "Strunz" ankommt.

                              Da ist dann das Format falsch oder kein JSON.

                              1 Reply Last reply Reply Quote 0
                              • sigi234
                                sigi234 Forum Testing Most Active @JB_Sullivan last edited by

                                @JB_Sullivan

                                Teste auch mal Vis-materialdesign-Table

                                1 Reply Last reply Reply Quote 1
                                • JB_Sullivan
                                  JB_Sullivan last edited by

                                  Hallo @SBorg
                                  erstmal sorry für die späte Rückmeldung zu diesem Thread - hatte in der Zwischenzeit noch ein paar andere Baustellen, die von der Priorität etwas höher lagen.

                                  Also ich habe es jetzt so gemacht, wie du gesagt hast und - JA - es funktioniert - zumindest bei der einen Tabelle (das mit dem Spalten ausblenden)

                                  Bei der anderen Tabelle wo nur "Strunz" drin steht, komme ich nicht weiter. Hier mal ein Screenshot von den Einstellungen, sowie dem original Inhalt der json Tabelle. Obwohl ich glaube die richtige Bezeichnung eingegeben zu haben, schreibt er er immer noch undefiniert als Wert in die Tabelle.

                                  Kannst du bitte nochmal einen Blick drauf werfen was ich falsch mache?

                                  2020-03-14 18_20_32-Edit vis.png

                                  2020-03-14 18_07_13-Edit vis.png

                                  [{"id":329,"restored":false,"home":true,"time":{"started":1582228270,"startedDateTime":"20.02.2020 20:51:10","runtime":121,"ended":1582229191,"endedDateTime":"20.02.2020 21:06:31"},"status":{"cycle":"dock","phase":"docking","expireM":0,"rechrgM":0,"error":0,"notReady":0,"mssnM":1,"sqft":2,"initiator":"localApp","nMssn":329,"sqm":0.19},"pos":{"current":{"theta":2,"x":160,"y":122},"last":{"theta":2,"x":160,"y":122}},"map":{"img":"data:image/png;base64, <- ab hier kommt nur noch Bilder Quellcode
                                  
                                  sigi234 1 Reply Last reply Reply Quote 0
                                  • sigi234
                                    sigi234 Forum Testing Most Active @JB_Sullivan last edited by sigi234

                                    @JB_Sullivan

                                    Attribut in json Fehler

                                    .time weglassen

                                    OliverIO 1 Reply Last reply Reply Quote 0
                                    • JB_Sullivan
                                      JB_Sullivan last edited by JB_Sullivan

                                      ??????????? - OK - 😨 😨 😨 - nix verstehn -😅 😅 😅

                                      time weg zu lassen macht keinen Unterschied, habe ich schon probiert. Ich dachte das muss so, weil`s in Klammern steht

                                      M 1 Reply Last reply Reply Quote 0
                                      • SBorg
                                        SBorg Forum Testing Most Active last edited by

                                        @JB_Sullivan sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                                        [{"id":329,"restored":false,"home":true,"time":{"started":1582228270,

                                        Das kann das Widget IMHO nicht. "Normales" JSON ist wie der Anfang: Bezeichnung:Wert, Bezeichnung:Wert, ...
                                        Dann wird aber das JSON bei "time" durch die {} geschachtelt. Da steigt das Widget aus.
                                        Für den Fall müsstest du das JSON mittels JS/Blockly oder Node-RED auseinander nehmen, in (einen) Datenpunkt/e schreiben und dann in der VIS darstellen.

                                        1 Reply Last reply Reply Quote 0
                                        • TomT
                                          TomT @G.Hawk last edited by

                                          @Martin-0 sagte in Wie wird das Widget JSON Table eingestellt/formatiert:

                                          Hallo
                                          Ist zwar schon älter, aber genau die Frage habe ich auch.
                                          Wie kann ich diese Tabelle etwas hübscher machen?

                                          Versuch mal ein CSS einzutragen.

                                          .tclass {
                                              background-color: #000000;
                                              border: 1px solid black;
                                              width: 100%;
                                              table-layout: fixed;
                                              font-family: Arial;
                                          }
                                          
                                          .tclass-inner {
                                              background-color: #404040;
                                              border: 1px solid black;
                                              width: 100%;
                                              table-layout: fixed;
                                              height: 100%;
                                          }
                                          
                                          .tclass-th {
                                              background-color: #808080;
                                              color: #000000;
                                              font-weight: bold;
                                          }
                                          
                                          .tclass-th1 {
                                              width: 20px;
                                              text-align: center;
                                          }
                                          
                                          .tclass-th2 {
                                              width: 20px;
                                              text-align: center;
                                          }
                                          
                                          .tclass-tr {
                                              color: #ffffff;
                                          }
                                          
                                          .tclass-tr-even {
                                              background-color: #800000;
                                          }
                                          
                                          .tclass-tr-odd {
                                              background-color: #300000;
                                          }
                                          
                                          Grüße
                                          Tom
                                          
                                          1 Reply Last reply Reply Quote 0
                                          • OliverIO
                                            OliverIO @sigi234 last edited by

                                            @sigi234
                                            Hallo Sigi,
                                            meinst du man sollte ein widget für json-daten bauen, welche dann über ein template (wie bei rssfeed) individuell "programmiert" werden kann?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            830
                                            Online

                                            31.7k
                                            Users

                                            79.9k
                                            Topics

                                            1.3m
                                            Posts

                                            15
                                            61
                                            14244
                                            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