[FTUI3]Nach Update, Probleme mit der Anzeige in einem ftui-grid-tile

Begonnen von moonsorrox, 06 Februar 2022, 00:08:20

Vorheriges Thema - Nächstes Thema

moonsorrox

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:
<!-- Ü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.?
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

mr_petz

Hi, du musst jetzt unit statt end nehmen im slot.
LG mr_petz

moonsorrox

OK, vielen Dank werde mich heute daran machen ist ja einiges zerschossen durch das Update
Intel-NUC i5: FHEM-Server 6.1 :: Perl v5.18.2

Homematic: HM-USB-CFG2,HM-CFG-LAN Adapter, HM-LC-BL1-FM, HM-LC-Sw1PBU-FM, HM-LC-Sw1-PI-2, HM-WDS10-TH-O, HM-CC-TC, HM-LC-SW2-FM

mr_petz

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

MDietrich

Seit gestern Abend gibt es ein Update, welches 'resize' beim Grid wieder ausführt.
Bei mir ist damit wieder alles OK

LG MDietrich
FB 6591 Cable / Raspberry 3b+ (Bookworm) / 4xECHO DOT 4/ Homematic Thermostate, Fenster- und Fenster-Sensoren / Philips HUE / CUL-HM /  Zigbee Schalter und Lampen / Shelly 1