FHEM Forum

Hallo zusammen,
ich habe das Update für FTUI3 gerade aktualisiert, "ftui-grid" und "ftui-label".
Dabei ist mir der Header im Popup zerschossen.
Anbei der Aufruf für das Popup:
      <ftui-grid-tile row="1" col="7" height="4" width="9" color="secondary">
    <header>Wettervorhersage</header>
        <ftui-row>
          <ftui-column>
            <ftui-cell><ftui-row><ftui-label size="2" text="Heute,&nbsp;"></ftui-label><ftui-label size="2" [text]="PP_Weather:fc0_date | toDate() | format('DD.MM.')"></ftui-label></ftui-row></ftui-cell>
            <ftui-weather @click="w_heute.open()" class="size-4" icon-set="basline" [condition]="PP_Weather:fc0_weatherDay"></ftui-weather>
            <ftui-label [text]="PP_Weather:fc0_weatherDay" scroll height="2.0em" style="white-space:normal;"></ftui-label>
            <ftui-cell>
        <ftui-row>
              <ftui-label [text]="PP_Weather:fc0_tempMin"><span slot="unit">°C |</span></ftui-label>
              <ftui-label [text]="PP_Weather:fc0_tempMax"><span slot="unit">°C</span></ftui-label>
        </ftui-row>
        </ftui-cell>
          </ftui-column>
          <ftui-column>
    <ftui-cell><ftui-row><ftui-label size="2" text="Morgen,&nbsp;"></ftui-label><ftui-label size="2" [text]="PP_Weather:fc1_date | toDate() | format('DD.MM.')"></ftui-label></ftui-row></ftui-cell>
            <ftui-weather @click="w_morgen.open()" size="4" icon-set="basline" [condition]="PP_Weather:fc1_weatherDay"></ftui-weather>
            <ftui-label [text]="PP_Weather:fc1_weatherDay" scroll height="2.0em" style="white-space:normal;"></ftui-label>
    <ftui-cell>
    <ftui-row>
              <ftui-label [text]="PP_Weather:fc1_tempMin"><span slot="unit">°C |</span></ftui-label>
              <ftui-label [text]="PP_Weather:fc1_tempMax"><span slot="unit">°C</span></ftui-label>
    </ftui-row>
    </ftui-cell>
          </ftui-column>
          <ftui-column>
             <ftui-label size="2" [text]="PP_Weather:fc2_date | toDate() | format('eeee, DD.MM.')"></ftui-label>
            <ftui-weather size="4" @click="w_uebermorgen.open()" icon-set="basline" [condition]="PP_Weather:fc2_weatherDay"></ftui-weather>
            <ftui-label [text]="PP_Weather:fc2_weatherDay" scroll height="2.0em" style="white-space:normal;"></ftui-label>
    <ftui-cell>
    <ftui-row>
              <ftui-label [text]="PP_Weather:fc2_tempMin"><span slot="unit">°C |</span></ftui-label>
              <ftui-label [text]="PP_Weather:fc2_tempMax"><span slot="unit">°C</span></ftui-label>
    </ftui-row>
    </ftui-cell>
          </ftui-column>
          <ftui-column>
            <ftui-label size="2" [text]="PP_Weather:fc3_date | toDate() | format('eeee, DD.MM.')"></ftui-label>
            <ftui-weather size="4" @click="w_3tage.open()" icon-set="basline" [condition]="PP_Weather:fc3_weatherDay"></ftui-weather>
            <ftui-label [text]="PP_Weather:fc3_weatherDay" scroll height="2.0em" style="white-space:normal;"></ftui-label>
    <ftui-cell>
    <ftui-row>
              <ftui-label [text]="PP_Weather:fc3_tempMin"><span slot="unit">°C |</span></ftui-label>
              <ftui-label [text]="PP_Weather:fc3_tempMax"><span slot="unit">°C</span></ftui-label>
    </ftui-row>
    </ftui-cell>
          </ftui-column>
          <ftui-column>
            <ftui-label size="2" [text]="PP_Weather:fc4_date | toDate() | format('eeee, DD.MM.')"></ftui-label>
            <ftui-weather size="4" @click="w_4tage.open()" icon-set="basline" [condition]="PP_Weather:fc4_weatherDay"></ftui-weather>
            <ftui-label [text]="PP_Weather:fc4_weatherDay" scroll height="2.0em" style="white-space:normal;"></ftui-label>
    <ftui-cell>
    <ftui-row>
              <ftui-label [text]="PP_Weather:fc4_tempMin"><span slot="unit">°C |</span></ftui-label>
              <ftui-label [text]="PP_Weather:fc4_tempMax"><span slot="unit">°C</span></ftui-label>
    </ftui-row>
    </ftui-cell>
          </ftui-column>
          <ftui-column>
            <ftui-label size="2" [text]="PP_Weather:fc5_date | toDate() | format('eeee, DD.MM.')"></ftui-label>
            <ftui-weather size="4" @click="w_5tage.open()" icon-set="basline" [condition]="PP_Weather:fc5_weatherDay"></ftui-weather>
            <ftui-label [text]="PP_Weather:fc5_weatherDay" scroll height="2.0em" style="white-space:normal;"></ftui-label>
    <ftui-cell>
    <ftui-row>
              <ftui-label [text]="PP_Weather:fc5_tempMin"><span slot="unit">°C |</span></ftui-label>
              <ftui-label [text]="PP_Weather:fc5_tempMax"><span slot="unit">°C</span></ftui-label>
    </ftui-row>
    </ftui-cell>
          </ftui-column>
        </ftui-row>
        <ftui-content file="contents/content-popup-wetter.html" callup="w_heute" tag="fc0"></ftui-content>
        <ftui-content file="contents/content-popup-wetter.html" callup="w_morgen" tag="fc1"></ftui-content>
        <ftui-content file="contents/content-popup-wetter.html" callup="w_uebermorgen" tag="fc2"></ftui-content>
        <ftui-content file="contents/content-popup-wetter.html" callup="w_3tage" tag="fc3"></ftui-content>
        <ftui-content file="contents/content-popup-wetter.html" callup="w_4tage" tag="fc4"></ftui-content>
        <ftui-content file="contents/content-popup-wetter.html" callup="w_5tage" tag="fc5"></ftui-content>
  </ftui-grid-tile>

und das Popup selbst:
<ftui-popup id="{{callup}}" width="950px" height="600px" timeout="20" shape="round" position="page">
  <header class="size-3">Wetter Tagesverlauf (<ftui-label [text]="PP_Weather:{{tag}}_date | toDate() | format('eeee')"></ftui-label>&nbsp;)</header>
  <ftui-label color="danger" size=3 bold slot="close" popup-close>Beenden</ftui-label>
  <ftui-row>
    <ftui-content file="contents/content-popup-vorhersage.html" color="primary" fc="{{tag}}" uhrzeit="00:00 Uhr" wetter="weather00" temperatur="temp00" wind="wind00" chofrain="chOfRain00" regen="rain00" winddir="windDir00"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="secondary" fc="{{tag}}" uhrzeit="03:00 Uhr" wetter="weather03" temperatur="temp03" wind="wind03" chofrain="chOfRain03" regen="rain03" winddir="windDir03"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="primary" fc="{{tag}}" uhrzeit="06:00 Uhr" wetter="weather06" temperatur="temp06" wind="wind06" chofrain="chOfRain06" regen="rain06" winddir="windDir06"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="secondary" fc="{{tag}}" uhrzeit="09:00 Uhr" wetter="weather09" temperatur="temp09" wind="wind09" chofrain="chOfRain09" regen="rain09" winddir="windDir09"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="primary" fc="{{tag}}" uhrzeit="12:00 Uhr" wetter="weather12" temperatur="temp12" wind="wind12" chofrain="chOfRain12" regen="rain12" winddir="windDir12"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="secondary" fc="{{tag}}" uhrzeit="15:00 Uhr" wetter="weather15" temperatur="temp15" wind="wind15" chofrain="chOfRain15" regen="rain15" winddir="windDir15"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="primary" fc="{{tag}}" uhrzeit="18:00 Uhr" wetter="weather18" temperatur="temp18" wind="wind18" chofrain="chOfRain18" regen="rain18" winddir="windDir18"></ftui-content>
    <ftui-content file="contents/content-popup-vorhersage.html" color="secondary" fc="{{tag}}" uhrzeit="21:00 Uhr" wetter="weather21" temperatur="temp21" wind="wind21" chofrain="chOfRain21" regen="rain21" winddir="windDir21"></ftui-content>
  </ftui-row>
</ftui-popup>

Im Anhang sind die Bilder nach und vor dem Update.

Kann jemand sich das ansehen?

Viele Grüße Gerald.

Hallo Gerald,
hier ein Lösungsvorschlag:
<header class="size-3">
    <ftui-label text="Wetter Tagesverlauf (" style="display:inline"></ftui-label>
    <ftui-label [text]=""PP_Weather:{{tag}}_date | toDate() | format('eeee')" style="display:inline"></ftui-label>
    <ftui-label text=" )" style="display:inline"></ftui-label>
</header>
Ich hoffe das hilft dir weiter.
Matthias

Was auch gehen müsste:
<header class="size-3">
    <ftui-label [text]="PP_Weather:{{tag}}_date | toDate() | format('eeee') | prepend('Wetter Tagesverlauf (') | append(')'"></ftui-label>
</header>

Hallo Matthias, yersina,
beides geht so nicht ;D .
Bei beiden Versionen ist " zuviel :=""PP_Weather.
Ohne funktionieren beide. Ich bevorzuge die Version yersina, da kürzer. Sorry Matthias 8) .
Danke für die Mühe darauf zu schauen.
Viele Grüße Gerald.

Hallo Gerald,
das ist ein " zu viel bei ""PP_Weather

Gruß,
Matthias