Nur Text | Text mit Bildern

FHEM Forum

FHEM => Frontends => TabletUI => Thema gestartet von: moonsorrox am 06 Februar 2022, 00:08:20

Titel: [FTUI3]Nach Update, Probleme mit der Anzeige in einem ftui-grid-tile
Beitrag von: moonsorrox am 06 Februar 2022, 00:08:20
nach dem ich das Update gemacht habe passen nun meine gesamten Temperaturen nicht mehr in das Feld.
Momentan kann ich aber nicht erkennen wo der Fehler liegt. Ich weiß auch nicht wann es diese Anpassungen gab, da ich länger kein FTUI Update gemacht habe.

Das sieht so aus:
Code Auswählen
<!-- Überschrift - Temperaturen -->
<ftui-grid-tile row="4" col="2" height="1" width="9" color="transparent">
<ftui-label class="size-5" text="Temperaturen" color="white"></ftui-label>
</ftui-grid-tile>
   
<!-- Temperaturen START -->
<ftui-grid-tile row="5" col="2" height="10" width="9" class="semitransparent3d">
<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Wohnzimmer"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Wohnzimmer:temperature"
[color]="Temperatur_Wohnzimmer:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span></ftui-label>
</ftui-column>
<ftui-column>

<ftui-column>
<ftui-label [text]="Temperatur_Wohnzimmer:humidity | fix(0)"
[color]="Temperatur_Wohnzimmer:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')">
<span slot="end" style="margin-left:0.3em;" class="size-0">%</span><!-------------DA------------------------------------------^     --></ftui-label>
</ftui-column>
</ftui-column>
</ftui-row>

<ftui-row class="size-2">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Küche"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Kueche:temperature"
[color]="Temperatur_Kueche:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Kueche:humidity | fix(0)"
[color]="Temperatur_Kueche:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="HWR"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_HWR_Xiaomi:temperature"
[color]="Temperatur_HWR_Xiaomi:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_HWR_Xiaomi:humidity | fix(0)"
[color]="Temperatur_HWR_Xiaomi:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Gäste WC"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_GWC_Xiaomi:temperature"
[color]="Temperatur_GWC_Xiaomi:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_GWC_Xiaomi:humidity | fix(0)"
[color]="Temperatur_GWC_Xiaomi:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Badezimmer"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Badezimmer_Weather:measured-temp | fix(1)"
[color]="Temperatur_Badezimmer_Weather:measured-temp | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Badezimmer_Weather:humidity | fix(0)"
[color]="Temperatur_Badezimmer_Weather:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Schlafzimmer"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Schlafzimmer:temperature"
[color]="Temperatur_Schlafzimmer:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Schlafzimmer:humidity | fix(0)"
[color]="Temperatur_Schlafzimmer:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Gästezimmer"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Gaestezimmer_Weather:temperature"
[color]="Temperatur_Gaestezimmer_Weather:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Gaestezimmer_Weather:humidity | fix(0)"
[color]="Temperatur_Gaestezimmer_Weather:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Arbeitszimmer"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Arbeitszimmer_Weather:temperature"
[color]="Temperatur_Arbeitszimmer_Weather:temperature | step('-73:SteelBlue, 19:MediumSpringGreen, 25:Crimson')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Arbeitszimmer_Weather:humidity | fix(0)"
[color]="Temperatur_Arbeitszimmer_Weather:humidity | step('80: darkviolet, 70: darkviolet, 55:MediumSpringGreen, 40:Danger, 10:orange1')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%"></ftui-row><!-- Leerzeile -->

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Garage"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Garage:temperature"
[color]="Temperatur_Garage:temperature | step('-73:SteelBlue, 0:MediumBlue, 10:Orange1, 15:Danger, 24:Crimson ')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Garage:humidity | fix(0)"
[color]="Temperatur_Garage:humidity | step(' 73: crimson, 40: steelblue, 0:MediumSpringGreen')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Eingang Norden"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Norden:temperature"
[color]="Temperatur_Norden:temperature | step('-73:SteelBlue, 0:MediumBlue, 10:Orange1, 15:Danger, 24:Crimson ')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Norden:humidity | fix(0)"
[color]="Temperatur_Norden:humidity | step(' 73: crimson, 40: steelblue, 0:MediumSpringGreen')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Terrasse Süden"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="Temperatur_Terrasse:temperature"
[color]="Temperatur_Terrasse:temperature | step('-73:SteelBlue, 0:MediumBlue, 10:Orange1, 15:Danger, 24:Crimson ')"><span slot="end" style="margin-left:0.3em;" class="size-0">°C</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label [text]="Temperatur_Terrasse:humidity | fix(0)"
[color]="Temperatur_Terrasse:humidity | step(' 73: crimson, 40: steelblue, 0:MediumSpringGreen')"><span slot="end" style="margin-left:0.3em;" class="size-0">%</span>
</ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%"></ftui-row><!-- Leerzeile -->

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Helligkeit"></ftui-label>
</ftui-column>
<ftui-column align-items="right">
<ftui-label [text]="BWM_Terrasse:brightness | fix(0)"><span slot="end" style="margin-left:0.3em;" class="size-0">Lux</span></ftui-label>
</ftui-column>
<ftui-column>
<ftui-label text=""></ftui-label>
</ftui-column>
</ftui-row>

<ftui-row class="size-2" height="6%">
<ftui-column align-items="left" margin="1" width="55%">
<ftui-label text="Luftdruck"></ftui-label>
</ftui-column>
<ftui-column align-items="right" width="20%">
<ftui-label [text]="Temperatur_Terrasse:pressure | fix(1)"
[color]="Temperatur_Terrasse:pressure | step(' 1015:Crimson, 1005:MediumSpringGreen, 0:MediumBlue')"><span slot="end" style="margin-left:0.3em;" class="size-0">hPa</span>
</ftui-label>
</ftui-column>
<ftui-column>
<ftui-label text=""></ftui-label>
</ftui-column>
</ftui-row>
</ftui-grid-tile>

Edit:// das habe ich erledigt
Das 2. Problem ist das sich zwei meiner Popups direkt im angeklickten Icon öffnen und auch nur so groß sind.
Was wurde hier geändert..?


Mir ist aber aufgefallen das auch die ganzen Grad °C und auch Luftfeuchte % Anzeigen weg sind.
Kann ich irgendwo ein Beispiel sehen wie das jetzt gemacht wird.?
Titel: Antw:[FTUI3]Nach Update, Probleme mit der Anzeige in einem ftui-grid-tile
Beitrag von: mr_petz am 06 Februar 2022, 09:24:52
Hi, du musst jetzt unit statt end nehmen im slot.
LG mr_petz
Titel: Antw:[FTUI3]Nach Update, Probleme mit der Anzeige in einem ftui-grid-tile
Beitrag von: moonsorrox am 06 Februar 2022, 13:51:48
OK, vielen Dank werde mich heute daran machen ist ja einiges zerschossen durch das Update
Titel: Antw:[FTUI3]Nach Update, Probleme mit der Anzeige in einem ftui-grid-tile
Beitrag von: mr_petz am 06 Februar 2022, 19:34:29
Zitat von: moonsorrox am 06 Februar 2022, 13:51:48
OK, vielen Dank werde mich heute daran machen ist ja einiges zerschossen durch das Update

Ja als Mitbestreiter in der Entwicklung von FTUI3 musst du und wir alle da durch :D

LG mr_petz
Titel: Antw:[FTUI3]Nach Update, Probleme mit der Anzeige in einem ftui-grid-tile
Beitrag von: MDietrich am 09 Februar 2022, 03:50:29
Seit gestern Abend gibt es ein Update, welches 'resize' beim Grid wieder ausführt.
Bei mir ist damit wieder alles OK

LG MDietrich
Nur Text | Text mit Bildern