FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: eisi am 12 Februar 2018, 09:29:00

Titel: Timestamp rechts unten
Beitrag von: eisi am 12 Februar 2018, 09:29:00
Moin,
ich habe gestern einige Zeit probiert, das Alter eines Wertes rechts unten in die Ecke eines Labels zu schreiben.
Rechts geht, aber nicht unten.
Ich habe bottom, bottom-right und was nicht alles probiert. Leider alles ohne Erfolg.

Wie macht man das?

LG,
Ingo
Titel: Antw:Timestamp rechts unten
Beitrag von: Ulm32b am 12 Februar 2018, 10:23:48
Code und Screenshot wären hilfreich.
Titel: Antw:Timestamp rechts unten
Beitrag von: eisi am 12 Februar 2018, 11:49:34

<div class="centered container">
    <a href="aussen.php"><div class="left">
            <div data-type="label" data-device="Schlafzimmer_Luft" data-get="Temperatur" data-unit=" %B0C%0A" class="cell big"></div>
            <div data-type="label" data-device="Schlafzimmer_Luft" data-get="Luftfeuchtigkeit" data-unit=" %" class="cell big"></div>
            <div data-type="label" data-device="Schlafzimmer_Luft" data-get="Luftfeuchtigkeit" data-substitution="toDate().ago('s')" class="timestamp small bottom"></div>
    </div></a>
</div>


Die 27 soll nach rechts unten :-)
Titel: Antw:Timestamp rechts unten
Beitrag von: Ulm32b am 12 Februar 2018, 23:55:41
Etwas angepasst auf meine Datenstruktur liefert der folgende Code das abgebildete Ergebnis.

<div class="centered container">
    <div class="left">
            <div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit=" %B0C%0A" class="cell big"></div>
            <div data-type="label" data-device="WetterProplanta" data-get="humidity" data-unit=" %" class="cell big"></div>
            <div data-type="label" data-device="WetterProplanta" data-get="humidity" data-substitution="toDate().ago('s')" class="timestamp small right top-narrow"></div>
    </div>
</div>


P.S. Zwei Nachkommastellen? Nun ja.
Titel: Antw:Timestamp rechts unten
Beitrag von: Ulm32b am 13 Februar 2018, 01:32:29
Nachtrag:

Feinjustage ist möglich via style:
<div data-type="label" data-device="WetterProplanta" data-get="humidity" data-substitution="toDate().ago('s')" class="timestamp small right" style="position: relative; top: 40px; right: -40px"></div>
Titel: Antw:Timestamp rechts unten
Beitrag von: eisi am 13 Februar 2018, 16:10:16
Supi,

Danke!!!

<div data-type="label" data-device="Schlafzimmer_Luft" data-get="Luftfeuchtigkeit" data-substitution="toDate().ago('s')" class="timestamp small right" style="position: relative; top: 28px; right: -10px"> </div>


Passt genau in die Ecke :-)

Ingo