Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [gelöst] JSON Tabelle farblich formatieren

    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

    [gelöst] JSON Tabelle farblich formatieren

    This topic has been deleted. Only users with topic management privileges can see it.
    • K
      Kuddel @BananaJoe last edited by

      @bananajoe vielen Dank für die schneller Antwort.

      Ich habe es jetzt so probiert:

      var_ip_formatted = '<div style="color:#000000;"><a href="http://'+device.IP+'"target=_blank">'+device.IP+'</a>'
      

      Leider bleibt die Schriftfarbe schwarz.

      BananaJoe 1 Reply Last reply Reply Quote 0
      • BananaJoe
        BananaJoe Most Active @Kuddel last edited by

        @kuddel da gibt es kein </div> und gemäß meines Beispiels probiere mal

        var_ip_formatted = '<a href="http://'+device.IP+'"target=_blank" style="color: #000000">'+device.IP+'</a>'
        
        K 1 Reply Last reply Reply Quote 0
        • K
          Kuddel @BananaJoe last edited by

          @bananajoe

          e08d8508-2f43-4027-a94e-5fbbd74f747d-grafik.png

          BananaJoe 1 Reply Last reply Reply Quote 0
          • JohGre
            JohGre last edited by

            Hi, da muss ich mich jetzt mal auch kurz einklinken.
            Ich habe eine Tabelle mit Informationen zu Stromverbrauch -verkauf und errechneter Preis in einer JSON Tabelle.
            9286cf91-5a96-466a-91df-eb4e5e488daf-image.png
            Wie schaffe ich es nun eine gesamte Zeile anders einzufärben. Ich möchte einfach schnell erkennen wo ich mich zeitlich gerade befinde.

            BananaJoe 1 Reply Last reply Reply Quote 0
            • BananaJoe
              BananaJoe Most Active @Kuddel last edited by

              @kuddel Naja, #000000 ist ja auch schwarz ...

              K 1 Reply Last reply Reply Quote 0
              • BananaJoe
                BananaJoe Most Active @JohGre last edited by

                @johgre Die Lösung die wir in den letzten Post gerade tangieren würde die Textfarbe ändern. Dazu werden vor und nach dem jeweiligen JSON-Wert html-Befehle eingefügt.
                Welches Widget nutzt du denn, vielleicht kann das das ja

                JohGre 1 Reply Last reply Reply Quote 0
                • K
                  Kuddel @BananaJoe last edited by Kuddel

                  @bananajoe oh man 😄 es kann manchmal so einfach sein.

                  Mit #ffffff funzt es jetzt natürlich.

                  Vielen Dank

                  9f210dee-2802-449b-a131-84cb02d23f6b-grafik.png

                  1 Reply Last reply Reply Quote 0
                  • JohGre
                    JohGre @BananaJoe last edited by

                    @bananajoe eine vis-invento - JSON Tabelle. In den Standardsettings geht halt nur gerade und ungerade Einfärbung aber nicht eine dezidierte Zeile

                    BananaJoe 1 Reply Last reply Reply Quote 0
                    • BananaJoe
                      BananaJoe Most Active @JohGre last edited by

                      @johgre sagte in JSON Tabelle farblich formatieren:

                      @bananajoe eine vis-invento - JSON Tabelle. In den Standardsettings geht halt nur gerade und ungerade Einfärbung aber nicht eine dezidierte Zeile

                      Die nutze ich auch, meine Lösung (die ich schon vor längerer zeit erarbeitet hatte) war das mit dem bunten Text.
                      Eventuell die Frage zum Widget stellen im Inventwo Thread, ich meine die gab es auch schon mal.
                      Das Problem ist ja das man die Inventwo-JSON-Tabelle ja auch beliebig neu sortieren kann per Klick, dann würde das ja nicht mehr passen

                      1 Reply Last reply Reply Quote 1
                      • Codierknecht
                        Codierknecht Developer Most Active @Kuddel last edited by Codierknecht

                        @kuddel
                        Wenn man jetzt noch hingeht und das Ganze nicht hart verdrahtet sondern CSS-Klassen verwendet, kann man das an einer zentralen Stelle (im CSS der VIS) gestalten wie man Lust und Laune hat.

                        if(device.Status == 0) {var_status_formatted = '<div class="offline">OFFLINE</div>'}
                        if(device.Status == 1) {var_status_formatted = '<div class="online">ONLINE</div>'}
                        
                        .online {
                            color:#41f316;
                        }
                        .offline {
                            color:#ff0000;
                            font-weight: bold;
                        }
                        

                        Vielleicht sollte man das auch als span deklarieren statt als div. Ist ja eigentlich kein Blockelement sondern nur Text.

                        K 1 Reply Last reply Reply Quote 1
                        • K
                          Kuddel @Codierknecht last edited by

                          @codierknecht das kann man bestimmt machen, nur das übersteigt aktuell mein KnowHow ^^

                          Ich bin froh, dass es jetzt erst einmal so läuft

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

                          Support us

                          ioBroker
                          Community Adapters
                          Donate

                          509
                          Online

                          31.9k
                          Users

                          80.2k
                          Topics

                          1.3m
                          Posts

                          4
                          18
                          780
                          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