FTUI version 3

[setstate]

swiper2 ist nur die id des Swiper, keine Reading, was man beim Binding benutzen kann.

Man müsste dem Swiper erst ein passendes Binding verpassen

entweder Richtung FHEM

Code Auswählen Erweitern


<ftui-swiper id="swiper2" [(value)]=dummySwiper >


oder rein lokal

Code Auswählen Erweitern


<ftui-swiper id="swiper2" [(value)]=local:swiper2 >


Dann kann man die Änderung auch als Farbänderung nutzen.

Code Auswählen Erweitern


[color]="local:swiper2 | map('sw2_5:primary,.*:currentColor')"


[GSK19]

Prima, funktioniert mit dem lokalen Binding! Großes Dankeschön an Euch beide!

Ich benutze die Icons quasi als "Überschrift", um zu zeigen, welche Seite (sagt man das so?) des Swiper gerade aktiv ist. Ist natürlich keine essenzielle Funktion, aber eine nette optische Spielerei. Bei mir sieht es jetzt so aus wie in dem angehängten Screenshot.

[mr_petz]

Ahh... jetzt verstehe ich dein vorhaben...
Schön das es funktioniert..
LG

[OdfFhem]

@setstate

ftui-label besitzt neuerdings zwei (scheinbar) gleiche Properties: text und value.
value nutze ich bislang nirgendwo und ist daher immer leer;
trotzdem kommt es vor, dass das Attribut value als "changed" gemeldet wird und den eigentlich darzustellenden Wert gemäß text überschreibt bzw. "erdet" ...

Um das Problem zu "neutralisieren", muss momentan value wie text befüllt werden ...

Zwei Fragen ergeben sich:
- Wozu dient die Property value ?
- Ist dies nur ein Test oder fehlt noch ein Teil der Umsetzung ?

[setstate]

ich habe mich immer wieder erwischt, bei Label value zu benutzen und mich gewundert, warum es nicht funktioniert.
Deshalb habe ich value parallel zu text eingebaut. Wenn das aber Probleme macht, schmeiße ich es wieder raus.

[OdfFhem]

@setstate

Danke für die prompte und einleuchtende Rückinfo ... value wäre danach ja fast die einheitlichere Benamung für das datenliefernde Attribut, aber würde für großen Änderungsaufwand sorgen ... ftui-label wird bei Allen sehr gerne genutzt ...

[Wolfgang Hochweller]

Nochmal zu dem Problem mit dem Anzeigen von PDF's :

Ein unglueckliches Zusammentreffen, will sagen, ein Google-Problem fuer Android.
Ein Onlinedisplay eines PDF ist im Androidchrome nicht (mehr ) so einfach zu realisieren.
Immer wieder das File downzuloaden, ist natuerlich nicht wirklich eine Option.

[MDietrich]

Moin,
vermutlich ist es ja eine "Anfängerfrage".
Ist es möglich einen Text, welcher mit scroll automatisch umgebrochen wird dann zentriert darzustellen.
Ein align-items="center" im ftui-label bzw. in ftui-row wird ignoriert...

Danke im Voraus
MDietrich

[moonsorrox]

soweit ich mich erinnern kann, gibt es hier einige die in FTUI3 diese 4-Tageswetter Anzeige nutzen.
Ich weiß leider nicht mehr wer dies hatte.

diese Anzeige hat es mir jetzt zerrissen, wahrscheinlich auch schon länger denn ich hatte schon länger nicht mehr drauf geschaut.
Die Popups sind alle viel zu klein obwohl sie in der Größenangabe in der Datei recht groß sind, aber wenn ich diese größer mache wird der Inhalt auch größer und damit noch schlechter zu sehen sein.
Das ist der Originalcode wie er bei mir immer drin war, nur klappt das so nicht mehr, welche Angabe fehlt mir damit das wieder paßt.?

Das alles was in der ersten ftui-row drin ist paßt auch noch, nur die Popups die sich auf dem Icon öffnen da paßt gar nichts mehr und das Popup verdeckt die 4-Tagesansicht komplett.
Wenn ich dazu im github schaue ist z.B. Pop1 oder auch Popup5 ohne Größenangaben schon viel größer als meins mit Höhe und Weite Angaben

Code Auswählen Erweitern

<!-- 4 Tages Wetter - START-->
<ftui-row>
<ftui-column margin="0 0 0 1em">
<ftui-label color="SteelBlue" class="size-2">Heute</ftui-label>
<ftui-weather popup-target="wetter_heute" class="size-4" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weatherDay"></ftui-weather>
<ftui-label class="size-2" [text]="Proplanta:fc0_weatherDay"></ftui-label>
                <ftui-row class="w-80">
<ftui-label [text]="Proplanta:fc0_tempMin"><span slot="unit">°C</span></ftui-label>
                    <ftui-label [text]="Proplanta:fc0_tempMax" class="size-3 thin"><span class="mini" slot="unit">°C</span></ftui-label>
                </ftui-row>
<ftui-row class="w-80">
<ftui-label [text]="Proplanta:fc0_chOfRainDay" color="SteelBlue"><span slot="unit">%</span></ftui-label>
<ftui-label [text]="Proplanta:fc0_rain" color="SteelBlue"><span slot="unit">mm</span></ftui-label>
</ftui-row>
</ftui-column>
           
<ftui-column>
<ftui-label color="darkorange" class="size-2">Morgen</ftui-label>
                <ftui-weather popup-target="wetter_morgen" class="size-4" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weatherDay"></ftui-weather>
<!--ftui-weather popup-target="w_morgen" class="size-4" [condition]="Proplanta:fc1_weatherDay"></ftui-weather-->
                <ftui-label class="size-2" [text]="Proplanta:fc1_weatherDay"></ftui-label>
<ftui-row class="w-80">
<ftui-label [text]="Proplanta:fc1_tempMin"><span slot="unit">°C</span></ftui-label>
<ftui-label [text]="Proplanta:fc1_tempMax" class="size-3 thin"><span slot="unit">°C</span></ftui-label>
</ftui-row>
                <ftui-row class="w-80">
<ftui-label [text]="Proplanta:fc1_chOfRainDay" color="SteelBlue"><span slot="unit">%</span></ftui-label>
                    <ftui-label [text]="Proplanta:fc1_rain" color="SteelBlue"><span slot="unit">mm</span></ftui-label>
</ftui-row>
</ftui-column>
           
            <ftui-column>
<ftui-label class="size-2" [text]="Proplanta:fc2_date | toDate() | format('eeee')"></ftui-label>
<ftui-weather popup-target="wetter_uebermorgen" class="size-4" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weatherDay"></ftui-weather>
<!--ftui-weather popup-target="w_uebermorgen" class="size-4" [condition]="Proplanta:fc2_weatherDay"></ftui-weather-->
                    <ftui-label class="size-2" [text]="Proplanta:fc2_weatherDay"></ftui-label>
                    <ftui-row class="w-80">
                      <ftui-label [text]="Proplanta:fc2_tempMin"><span slot="unit">°C</span></ftui-label>
                      <ftui-label [text]="Proplanta:fc2_tempMax" class="size-3 thin"><span slot="unit">°C</span></ftui-label>
                    </ftui-row>
                    <ftui-row class="w-80">
                      <ftui-label [text]="Proplanta:fc2_chOfRainDay" color="SteelBlue"><span slot="unit">%</span></ftui-label>
                      <ftui-label [text]="Proplanta:fc2_rain" color="SteelBlue"><span slot="unit">mm</span></ftui-label>
                    </ftui-row>
                </ftui-column>
           
                <ftui-column>
                    <ftui-label class="size-2" [text]="Proplanta:fc3_date | toDate() | format('eeee')"></ftui-label>
                    <ftui-weather popup-target="wetter_tag4" class="size-4" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weatherDay"></ftui-weather>
<!--ftui-weather popup-target="w_tag4" class="size-4" [condition]="Proplanta:fc3_weatherDay"></ftui-weather-->
                    <ftui-label class="size-2" [text]="Proplanta:fc3_weatherDay"></ftui-label>
                    <ftui-row class="w-80">
                        <ftui-label [text]="Proplanta:fc3_tempMin"><span slot="unit">°C</span></ftui-label>
                        <ftui-label [text]="Proplanta:fc3_tempMax" class="size-3 thin"><span slot="unit">°C</span></ftui-label>
                    </ftui-row>
                    <ftui-row class="w-80">
                        <ftui-label [text]="Proplanta:fc3_chOfRainDay" color="SteelBlue"><span slot="unit">%</span></ftui-label>
                        <ftui-label [text]="Proplanta:fc3_rain" color="SteelBlue"><span slot="unit">mm</span></ftui-label>
                    </ftui-row>
                </ftui-column>
</ftui-row>
<!-- 4 Tages Wetter - ENDE -->

<!-- PopUps Wetter - START -->
<!-- Heute -->
<ftui-popup id="wetter_heute" width="820px" height="420px" timeout="20" position="top" shape="round">
<header class="size-2 thin">Wetter Tagesverlauf - <ftui-label [text]="Proplanta:fc0_date | toDate() | format('eeee')" color="mediumslateblue"></ftui-label></header>
<ftui-row>
<ftui-column color="darkgray">
<ftui-label text="00:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather00"></ftui-weather>
                    <ftui-label [text]="Proplanta:fc0_weather00"></ftui-label>
                    <ftui-label [text]="Proplanta:fc0_temp00" unit="°C"></ftui-label>
                    <ftui-label [text]="Proplanta:fc0_wind00" unit="km/h"></ftui-label>
                    <ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir00" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                    <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain00" unit="%"></ftui-label></ftui-icon>
</ftui-column>
<ftui-column color="darkblue">
<ftui-label text="03:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather03"></ftui-weather>
                    <ftui-label [text]="Proplanta:fc0_weather03"></ftui-label>
                    <ftui-label [text]="Proplanta:fc0_temp03" unit="°C"></ftui-label>
                    <ftui-label [text]="Proplanta:fc0_wind03" unit="km/h"></ftui-label>
                    <ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir03" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                    <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain03" unit="%"></ftui-label></ftui-icon>
</ftui-column>
            <ftui-column color="darkgray">
<ftui-label text="06:00 Uhr"></ftui-label>
                <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather06"></ftui-weather>
                <ftui-label [text]="Proplanta:fc0_weather06"></ftui-label>
                <ftui-label [text]="Proplanta:fc0_temp06" unit="°C"></ftui-label>
                <ftui-label [text]="Proplanta:fc0_wind06" unit="km/h"></ftui-label>
                <ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir06" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain06" unit="%"></ftui-label></ftui-icon>
</ftui-column>
<ftui-column color="darkblue">
<ftui-label text="09:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather09"></ftui-weather>
<ftui-label [text]="Proplanta:fc0_weather09"></ftui-label>
<ftui-label [text]="Proplanta:fc0_temp09" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc0_wind09" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir09" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain09" unit="%"></ftui-label></ftui-icon>
</ftui-column>
<ftui-column color="darkgray">
<ftui-label text="12:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather12"></ftui-weather>
<ftui-label [text]="Proplanta:fc0_weather12"></ftui-label>
<ftui-label [text]="Proplanta:fc0_temp12" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc0_wind12" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir12" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain12" unit="%"></ftui-label></ftui-icon>
</ftui-column>
<ftui-column color="darkblue">
<ftui-label text="15:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather15"></ftui-weather>
<ftui-label [text]="Proplanta:fc0_weather15"></ftui-label>
<ftui-label [text]="Proplanta:fc0_temp15" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc0_wind15" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir15" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain15" unit="%"></ftui-label></ftui-icon>
</ftui-column>
<ftui-column color="darkgray">
<ftui-label text="18:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather18"></ftui-weather>
<ftui-label [text]="Proplanta:fc0_weather18"></ftui-label>
<ftui-label [text]="Proplanta:fc0_temp18" unit="°C"></ftui-label><ftui-label [text]="Proplanta:fc0_wind18" unit="km/h"></ftui-label>
                       
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir18" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain18" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkblue">
                        <ftui-label text="21:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc0_weather21"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc0_weather21"></ftui-label>
                        <ftui-label [text]="Proplanta:fc0_temp21" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc0_wind21" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc0_windDir21" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc0_rain21" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
</ftui-row>
</ftui-popup>
       
            <!-- Morgen -->
            <ftui-popup id="wetter_morgen" width="820px" height="420px" timeout="20" position="top" shape="round">
                <header class="size-2 thin">Wetter Tagesverlauf - <ftui-label [text]="Proplanta:fc1_date | toDate() | format('eeee')" color="darkorange"></ftui-label></header>
                <ftui-row>
                    <ftui-column color="darkgray">
                        <ftui-label text="00:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather00"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather00"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp00" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind00" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir00" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain00" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkblue">
                        <ftui-label text="03:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather03"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather03"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp03" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind03" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir03" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain03" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkgray">
                        <ftui-label text="06:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather06"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather06"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp06" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind06" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir06" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain06" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkblue">
                        <ftui-label text="09:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather09"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather09"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp09" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind09" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir09" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain09" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkgray">
                        <ftui-label text="12:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather12"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather12"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp12" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind12" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir12" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain12" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkblue">
                        <ftui-label text="15:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather15"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather15"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp15" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind15" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir15" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain15" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkgray">
                        <ftui-label text="18:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather18"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather18"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp18" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind18" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir18" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain18" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkblue">
                        <ftui-label text="21:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc1_weather21"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc1_weather21"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_temp21" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc1_wind21" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc1_windDir21" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc1_rain21" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                </ftui-row>
            </ftui-popup>
       
            <!-- Übermorgen -->
            <ftui-popup id="wetter_uebermorgen" width="750px" height="380px" timeout="20" position="top" shape="round">
                <header class="size-2 thin">Wetter Tagesverlauf - <ftui-label [text]="Proplanta:fc2_date | toDate() | format('eeee')" color="white"></ftui-label></header>
                <ftui-row>
                    <ftui-column color="darkgray">
                        <ftui-label text="00:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather00"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather00"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp00" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind00" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir00" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain00" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkblue">
                        <ftui-label text="03:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather03"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather03"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp03" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind03" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir03" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain03" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkgray">
                        <ftui-label text="06:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather06"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather06"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp06" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind06" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir06" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain06" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkblue">
                        <ftui-label text="09:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather09"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather09"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp09" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind09" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir09" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain09" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkgray">
                        <ftui-label text="12:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather12"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather12"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp12" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind12" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir12" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain12" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkblue">
                        <ftui-label text="15:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather15"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather15"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp15" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind15" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir15" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain15" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                   
                    <ftui-column color="darkgray">
                        <ftui-label text="18:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather18"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather18"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp18" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind18" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir18" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain18" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
               
                    <ftui-column color="darkblue">
                        <ftui-label text="21:00 Uhr"></ftui-label>
                        <ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc2_weather21"></ftui-weather>
                        <ftui-label [text]="Proplanta:fc2_weather21"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_temp21" unit="°C"></ftui-label>
                        <ftui-label [text]="Proplanta:fc2_wind21" unit="km/h"></ftui-label>
                        <ftui-knob id="myKnob1" [(value)]="Proplanta:fc2_windDir21" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
                        <ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc2_rain21" unit="%"></ftui-label></ftui-icon>
                    </ftui-column>
                </ftui-row>
            </ftui-popup>
       
            <!-- 4. Tag -->
            <ftui-popup id="wetter_tag4" width="750px" height="380px" timeout="20" position="top" shape="round">
                <header class="size-2 thin">Wetter Tagesverlauf - <ftui-label [text]="Proplanta:fc3_date | toDate() | format('eeee')" color="MediumSpringGreen"></ftui-label></header>
                <ftui-row>
<ftui-column color="darkgray">
<ftui-label text="00:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather00"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather00"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp00" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind00" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir00" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain00" unit="%"></ftui-label></ftui-icon>
</ftui-column>

<ftui-column color="darkblue">
<ftui-label text="03:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather03"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather03"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp03" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind03" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir03" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain03" unit="%"></ftui-label></ftui-icon>
</ftui-column>

<ftui-column color="darkgray">
<ftui-label text="06:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather06"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather06"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp06" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind06" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir06" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain06" unit="%"></ftui-label></ftui-icon>
</ftui-column>

<ftui-column color="darkblue">
<ftui-label text="09:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather09"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather09"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp09" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind09" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir09" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain09" unit="%"></ftui-label></ftui-icon>
</ftui-column>

<ftui-column color="darkgray">
<ftui-label text="12:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather12"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather12"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp12" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind12" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir12" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain12" unit="%"></ftui-label></ftui-icon>
</ftui-column>

<ftui-column color="darkblue">
<ftui-label text="15:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather15"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather15"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp15" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind15" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir15" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain15" unit="%"></ftui-label></ftui-icon>
</ftui-column>

<ftui-column color="darkgray">
<ftui-label text="18:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather18"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather18"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp18" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind18" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir18" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain18" unit="%"></ftui-label></ftui-icon>
</ftui-column>
               
<ftui-column color="darkblue">
<ftui-label text="21:00 Uhr"></ftui-label>
<ftui-weather class="size-3" icon-set="kleinklima" provider="proplanta" [condition]="Proplanta:fc3_weather21"></ftui-weather>
<ftui-label [text]="Proplanta:fc3_weather21"></ftui-label>
<ftui-label [text]="Proplanta:fc3_temp21" unit="°C"></ftui-label>
<ftui-label [text]="Proplanta:fc3_wind21" unit="km/h"></ftui-label>
<ftui-knob id="myKnob1" [(value)]="Proplanta:fc3_windDir21" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle></ftui-knob>
<ftui-icon name="umbrella"><ftui-label [text]="Proplanta:fc3_rain21" unit="%"></ftui-label></ftui-icon>
</ftui-column>
</ftui-row>
</ftui-popup>
<!-- PopUps Wetter - ENDE -->


[grossmaggul]

Ich benutze zwar nicht die 4 Tage Wetteranzeige, sondern eine Stundenanzeige, aber das Prinzip dürfte dasselbe sein.
Ich habe das mittels content files gelöst, das ist einfach etwas übersichtlicher, ich führe es mal auf, vielleicht kommst Du dann dem Fehler auf die Spur.

Popup wird so aufgerufen:

Code Auswählen Erweitern

<ftui-weather popup-target="w_heute" class="size-2" [condition]="proplanta:fc0_weatherDay" icon-set="meteocons"></ftui-weather>

<ftui-content file="content/wetter_popup.html" callup="w_heute" tag="fc0"></ftui-content>


wetter_popup.html sieht dann so aus:

Code Auswählen Erweitern

<ftui-popup id="{{callup}}" width="750px" height="400px" timeout="20" shape="round" position="top">
                <header>Wetter Tagesverlauf (<ftui-label [text]="proplanta:{{tag}}_date | toDate() | format('eeee')"></ftui-label>)</header>
                <ftui-row>
                    <ftui-content file="content/vorhersage.html" color="medium" fc="{{tag}}" uhrzeit="00:00 Uhr" wetter="weather00" temperatur="temp00" wind="wind00" chofrain="chOfRain00" regen="rain00" winddir="windDir00"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="dark" fc="{{tag}}" uhrzeit="03:00 Uhr" wetter="weather03" temperatur="temp03" wind="wind03" chofrain="chOfRain03" regen="rain03" winddir="windDir03"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="medium" fc="{{tag}}" uhrzeit="06:00 Uhr" wetter="weather06" temperatur="temp06" wind="wind06" chofrain="chOfRain06" regen="rain06" winddir="windDir06"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="dark" fc="{{tag}}" uhrzeit="09:00 Uhr" wetter="weather09" temperatur="temp09" wind="wind09" chofrain="chOfRain09" regen="rain09" winddir="windDir09"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="medium" fc="{{tag}}" uhrzeit="12:00 Uhr" wetter="weather12" temperatur="temp12" wind="wind12" chofrain="chOfRain12" regen="rain12" winddir="windDir12"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="dark" fc="{{tag}}" uhrzeit="15:00 Uhr" wetter="weather15" temperatur="temp15" wind="wind15" chofrain="chOfRain15" regen="rain15" winddir="windDir15"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="medium" fc="{{tag}}" uhrzeit="18:00 Uhr" wetter="weather18" temperatur="temp18" wind="wind18" chofrain="chOfRain18" regen="rain18" winddir="windDir18"></ftui-content>
                    <ftui-content file="content/vorhersage.html" color="dark" fc="{{tag}}" uhrzeit="21:00 Uhr" wetter="weather21" temperatur="temp21" wind="wind21" chofrain="chOfRain21" regen="rain21" winddir="windDir21"></ftui-content>
                </ftui-row>
</ftui-popup>

Und die vorhersage.html so:

Code Auswählen Erweitern

<ftui-column color="{{medium}}">
    <ftui-label text="{{uhrzeit}}"></ftui-label>
    <ftui-weather class="size-3" [condition]="proplanta:{{fc}}_{{wetter}}" icon-set="meteocons"></ftui-weather>
    <ftui-label [text]="proplanta:{{fc}}_{{wetter}}"></ftui-label>
    <ftui-label [text]="proplanta:{{fc}}_{{temperatur}}" unit="°C"></ftui-label>
    <ftui-label [text]="proplanta:{{fc}}_{{wind}}" unit="km/h"></ftui-label>
    <ftui-knob id="myKnob1" [(value)]="proplanta:{{fc}}_{{winddir}}" min="0" max="360" start-angle="-90" end-angle="270" offset-y="" height="40" width="40" stroke-width="2" has-scale has-needle readonly></ftui-knob>
    <ftui-row height="10%">
        <ftui-icon name="umbrella"></ftui-icon><ftui-label [text]="proplanta:{{fc}}_{{chofrain}}" unit="%"></ftui-label>
    </ftui-row>
    <ftui-row height="10%">
        <ftui-icon name="rainy1"></ftui-icon><ftui-label [text]="proplanta:{{fc}}_{{regen}}" unit="mm"></ftui-label>
    </ftui-row>
</ftui-column>

Das sieht dann so aus wie unten angehängt.

[moonsorrox]

Ich wollte vorhin schon deinen Namen schreiben, weil ich es noch in Erinnerung hatte, das du diese Ansicht hast 
Ja es sind bei mir 4 Tage und dann im Popup natürlich die Stunden, da hast du absolut Recht, hätte mich etwas besser ausdrücken sollen

OK ich werde das mal testen

[setstate]

Moin,
vermutlich ist es ja eine "Anfängerfrage".
Ist es möglich einen Text, welcher mit scroll automatisch umgebrochen wird dann zentriert darzustellen.
Ein align-items="center" im ftui-label bzw. in ftui-row wird ignoriert...

Danke im Voraus
MDietrich

text-align="center" fehlte noch => Update holen! Bis jetzt gab es nur left und right.

[SirMarco]

Hello setstate

Ist es möglich in der ftui.app.js ein

Code Auswählen Erweitern

this.config.toastPosition = this.getMetaString('toast_position', );
hinzuzufügen? Dann kann ich die Position der Meldungen steuern.

Besten Dank

Grüsse

[setstate]

Code Auswählen Erweitern

this.config.toastPosition = this.getMetaString('toast_position', );

Wo ist das hin? Bis jetzt dachte ich, das ist drin.

Habe ich jetzt wieder eingebaut

[mr_petz]

...
Das einzige was nach dem Update hier in meiner Testumgebung auftritt ist, dass immer beim ersten Start der Seiten (unter Firefox) ein:

Code Auswählen Erweitern


window.ftuiApp.setTheme is not a function at main (ftui.js:8)

und:

Code Auswählen Erweitern


ftuiApp is not defined

kommt. Nicht als Toast sondern in der Konsole.

LG

Tritt mit dem aktuellen Update nicht mehr auf!
LG