FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: caldir65 am 25 Juni 2023, 16:34:01

Titel: [FUIP] stateFormat ausgeben
Beitrag von: caldir65 am 25 Juni 2023, 16:34:01
Hallo,
ich habe mir nach diesen Thread (https://forum.fhem.de/index.php?topic=132883.15) eine Anzeige der aktuellen Notdienst-Apotheke gebastelt - in der früheren JSON-Variante konnte ich das auch einfach in FUIP einbinden, jedoch würde ich jetzt gerne diese neue Ausgabe, die via stateFormat erstellt wird, in die Oberfläche übernehmen - habe aber keinen Erfolg, damit es im Prinzip so aussieht, wie in der Webview ...
Auswahl_058.png

Bisher bekomme ich lediglich eine Readinglist,
Auswahl_060.png
die jedoch nicht so ansprechend ist wie die frühere Variante
Auswahl_059.png

Ich habe keine Idee, wie ich das jetzt am besten umsetzen kann ... kann mir vielleicht bitte jemand etwas auf die Sprünge helfen?

Gruß, Christoph
Titel: [FUIP] stateFormat ausgeben [gelöst als HTML-Ansicht]
Beitrag von: caldir65 am 27 Juni 2023, 21:09:57
Hallo Zusammen,

ich habe es jetzt nicht als Stateformat-Ausgabe gelöst, sondern ganz klassisch in der HTML-Ansicht:
<div class="sheet">
    <div class="row">
        <div class="cell">
            <img src="/fhem/ui/images/Apotheke.png" alt="Apotheke" width="60" heigth="70"/></div>
        </div>   
        <div class="row">   
              <div data-type="label"
                      <font style="font-weight: bold"
                      data-device="NotApo"
                      data-get="NotApo_Name" >
              </div>
              <div data-type="label"
                      data-device="NotApo"
                      data-get="NotApo_Street">
              </div>
              <div data-type="label"
                      data-device="NotApo"
                      data-get="NotApo_City">
              </div>
              <div data-type="label"
                      data-device="NotApo"
                      data-get="NotApo_Tel">
              </div>
              <div data-type="label"
                      data-device="NotApo"
                      data-get="NotApo_TimeText">
              </div>

        </div>
    </div>
</div>
Auswahl_062.png

Gruß, Christoph