Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Lovelance - html oder json in Tabelle darstellen

NEWS

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    22
    1
    1.1k

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    14
    1
    2.4k

Lovelance - html oder json in Tabelle darstellen

Geplant Angeheftet Gesperrt Verschoben Visualisierung
6 Beiträge 2 Kommentatoren 592 Aufrufe 2 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • A Offline
    A Offline
    adsfa
    schrieb am zuletzt editiert von
    #1

    Hi zusammen, ich würde gerne im Lovelace Adapter den html content oder json content aus dem Countdown Adapter anzeigen.

    Hier ist die html tabelle:

    <table>
       <tbody>
          <tr>
             <td class="string">Test Geburtstag</td>
             <td class="string"> 5M 18T</td>
             <td class="number">171</td>
             <td class="number">24</td>
             <td class="string">12.07.2023 09:00</td>
          </tr>
          <tr>
             <td class="string">test2</td>
             <td class="string"> 3T 19S 36M</td>
             <td class="number">3</td>
             <td class="number">0</td>
             <td class="string">25.01.2023 09:00</td>
          </tr>
          <tr>
             <td class="string">Test3</td>
             <td class="string"> 6T 19S 36M</td>
             <td class="number">6</td>
             <td class="number">0</td>
             <td class="string">28.01.2023 09:00</td>
          </tr>
          <tr>
       </tbody>
    </table>
    

    So sieht das JSON aus, wenn ich es richtig verstehe fehlen hier die Überschriften (?);

    [
      [
        "Test Geburtstag",
        " 5M 18T",
        171,
        24,
        "12.07.2023 09:00"
      ],
      [
        "Test2",
        " 3T 19S 38M",
        3,
        0,
        "25.01.2023 09:00"
      ],
      [
        "Test3",
        " 6T 19S 38M",
        6,
        0,
        "28.01.2023 09:00"
      ],
    
    

    Habt ihr eine Idee wie ich das am besten mache?
    Vielen Dank!

    David G.D 1 Antwort Letzte Antwort
    0
    • A adsfa

      Hi zusammen, ich würde gerne im Lovelace Adapter den html content oder json content aus dem Countdown Adapter anzeigen.

      Hier ist die html tabelle:

      <table>
         <tbody>
            <tr>
               <td class="string">Test Geburtstag</td>
               <td class="string"> 5M 18T</td>
               <td class="number">171</td>
               <td class="number">24</td>
               <td class="string">12.07.2023 09:00</td>
            </tr>
            <tr>
               <td class="string">test2</td>
               <td class="string"> 3T 19S 36M</td>
               <td class="number">3</td>
               <td class="number">0</td>
               <td class="string">25.01.2023 09:00</td>
            </tr>
            <tr>
               <td class="string">Test3</td>
               <td class="string"> 6T 19S 36M</td>
               <td class="number">6</td>
               <td class="number">0</td>
               <td class="string">28.01.2023 09:00</td>
            </tr>
            <tr>
         </tbody>
      </table>
      

      So sieht das JSON aus, wenn ich es richtig verstehe fehlen hier die Überschriften (?);

      [
        [
          "Test Geburtstag",
          " 5M 18T",
          171,
          24,
          "12.07.2023 09:00"
        ],
        [
          "Test2",
          " 3T 19S 38M",
          3,
          0,
          "25.01.2023 09:00"
        ],
        [
          "Test3",
          " 6T 19S 38M",
          6,
          0,
          "28.01.2023 09:00"
        ],
      
      

      Habt ihr eine Idee wie ich das am besten mache?
      Vielen Dank!

      David G.D Online
      David G.D Online
      David G.
      schrieb am zuletzt editiert von David G.
      #2

      @adsfa

      Das html kannst du in der Markdown Karte einbinden.

      Einfach

      {Datenpunkt} 
      

      eintragen.

      Screenshot_20230121_133620_Fully Kiosk Browser.jpg

      Wobei das nicht die schönste Tabelle ist.
      Ggf selber einer per Skript aus dem json erstellen.
      Ist das denn wirklich eine json?

      Zeigt eure Lovelace-Visualisierung klick
      (Auch ideal um sich Anregungen zu holen)

      Meine Tabellen für eure Visualisierung klick

      A 1 Antwort Letzte Antwort
      0
      • David G.D David G.

        @adsfa

        Das html kannst du in der Markdown Karte einbinden.

        Einfach

        {Datenpunkt} 
        

        eintragen.

        Screenshot_20230121_133620_Fully Kiosk Browser.jpg

        Wobei das nicht die schönste Tabelle ist.
        Ggf selber einer per Skript aus dem json erstellen.
        Ist das denn wirklich eine json?

        A Offline
        A Offline
        adsfa
        schrieb am zuletzt editiert von
        #3

        @david-g
        Danke für deine schnelle Antwort! :)
        Leider hängt sich mein Adapter so auf:

        type: markdown
        content: 
          {script.htmlContent}
        
        David G.D 1 Antwort Letzte Antwort
        0
        • A adsfa

          @david-g
          Danke für deine schnelle Antwort! :)
          Leider hängt sich mein Adapter so auf:

          type: markdown
          content: 
            {script.htmlContent}
          
          David G.D Online
          David G.D Online
          David G.
          schrieb am zuletzt editiert von
          #4

          @adsfa

          Ist das der komplette Pfad vom Datenpunkt?
          Müsste doch normal vorher noch der Adaptername und die Instanz Nummer etc kommen. Nutze den Adapter nicht.

          Da gab es mal einen Bug in einer alten lovelace Version. Bist du aktuell unterwegs?

          Zeigt eure Lovelace-Visualisierung klick
          (Auch ideal um sich Anregungen zu holen)

          Meine Tabellen für eure Visualisierung klick

          A 1 Antwort Letzte Antwort
          1
          • David G.D David G.

            @adsfa

            Ist das der komplette Pfad vom Datenpunkt?
            Müsste doch normal vorher noch der Adaptername und die Instanz Nummer etc kommen. Nutze den Adapter nicht.

            Da gab es mal einen Bug in einer alten lovelace Version. Bist du aktuell unterwegs?

            A Offline
            A Offline
            adsfa
            schrieb am zuletzt editiert von adsfa
            #5

            @david-g
            ich habe testweise den Datenpunkt in eine andere Karte hinzugefügt und den Namen daraus entnommen.
            Nein, bin zuhause.

            EDIT:
            Vielen dank!! Es funktioniert - das ist ja wirklich cool. Jetzt muss ich nur noch die Überschrift hinzufügen und die Tabelle etwas formatieren.

            Ich schaue mir auch gleich mal die tabellen aus deiner Signatur an. Wusste gar nicht, dass man Datenpunkte so nutzen kann. Ich habe die immer über die Einstellungen im Objekt zu Lovelance hinzugefügt.

            6c1ab23d-941f-4309-b755-4e7d9285883c-image.png

            David G.D 1 Antwort Letzte Antwort
            0
            • A adsfa

              @david-g
              ich habe testweise den Datenpunkt in eine andere Karte hinzugefügt und den Namen daraus entnommen.
              Nein, bin zuhause.

              EDIT:
              Vielen dank!! Es funktioniert - das ist ja wirklich cool. Jetzt muss ich nur noch die Überschrift hinzufügen und die Tabelle etwas formatieren.

              Ich schaue mir auch gleich mal die tabellen aus deiner Signatur an. Wusste gar nicht, dass man Datenpunkte so nutzen kann. Ich habe die immer über die Einstellungen im Objekt zu Lovelance hinzugefügt.

              6c1ab23d-941f-4309-b755-4e7d9285883c-image.png

              David G.D Online
              David G.D Online
              David G.
              schrieb am zuletzt editiert von
              #6

              @adsfa sagte in Lovelance - html oder json in Tabelle darstellen:

              Nein, bin zuhause.

              War auf die Version von lovelace bezogen ^^.

              Aber cool, dass es jetzt klappt.
              Jo, so kannst du sämtliche Daten aus Datenpunkten darstellen. Das sind sogenannte Bindings. Darin kannst du sogar rechnen und mit wenn/dann bestimmte Dinge ein und ausblenden.

              Die html bearbeiten ist was schwierig.
              Da ist es leichter sich aus der anderen Datei selber eine zu erstellen.

              Zeigt eure Lovelace-Visualisierung klick
              (Auch ideal um sich Anregungen zu holen)

              Meine Tabellen für eure Visualisierung klick

              1 Antwort Letzte Antwort
              1
              Antworten
              • In einem neuen Thema antworten
              Anmelden zum Antworten
              • Älteste zuerst
              • Neuste zuerst
              • Meiste Stimmen


              Support us

              ioBroker
              Community Adapters
              Donate

              319

              Online

              32.5k

              Benutzer

              81.7k

              Themen

              1.3m

              Beiträge
              Community
              Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
              ioBroker Community 2014-2025
              logo
              • Anmelden

              • Du hast noch kein Konto? Registrieren

              • Anmelden oder registrieren, um zu suchen
              • Erster Beitrag
                Letzter Beitrag
              0
              • Home
              • Aktuell
              • Tags
              • Ungelesen 0
              • Kategorien
              • Unreplied
              • Beliebt
              • GitHub
              • Docu
              • Hilfe