FTUI version 3

[M.Piet]

OT=AN
Ja...die Kids hatten sich immer gezofft, wer Abends zuerst ins Bad ist.
Jede Woche wurde ein anderes Bild angezeigt. Grade Woche: Kind 1 / Ungrade Woche: Kind 2
Problem gelöst!
Kinds sind nun groß genug, darum kein Einbau mehr in FTUI3.
OT=AUS

[Sailor]

Ein herzerfrischendes Moin vom achtern Diek vorweg!

Wir alle hatten ja die Probleme gehabt, dass nach dem Update vor ein paar Monaten die Popups nicht mehr funktionierten.
Auch ich habe mittlerweile alle meine Popups auf das obligatorische "@click" umgestellt.
Alle bis auf ein Popups arbeiten auch brav wie sie sollen.

Alle bis auf ein (gallisches) Popup widersetzt sich beharrlich den imperialistischen Anweisungen des Programmierers! 

So siehts aus:
Image01.png

Der "History" - Button ist wie folgt programmiert:

Code Auswählen Erweitern


<td width="20%" align="center">
<ftui-button [value] = "OS_DoorBird"
fill = "solid"
class = "size-3"
shape = "circle"
states = ""
@click = "history.open()">
<ftui-icon name = "history2"
color = "light"
class = "size-2"
@click = "history.open()">
</ftui-icon>
</ftui-button>
<ftui-label text = "History"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>


Das Popup selbst ist wie folgt programmiert:

Code Auswählen Erweitern


<ftui-popup  position="page" shape="round" id="history" height="40%" width="90%" top="30%" left="5%"  timeout="0" timeout="0">
<header>History</header>

<table width="100%" border="2">
<tr>
<td align="center" colspan = "100%">
<ftui-label text = "History of Activities - Images and Videos"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
</tr>
<tr>
<td align="center" width = "33%" colspan="2">
<ftui-label text = "Doorbell"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
<td align="center" width ="33%" colspan="2">
<ftui-label text = "Motionsensor"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
<td align="center" width ="17%" rowspan="2" >
<ftui-label text = "Manual Snapshots"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
<td align="center" width ="16%" rowspan="2" >
<ftui-label text = "Manual Videos"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
</tr>
<tr>
<td width="17%">
<ftui-label text = "Image"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
<td width="16%">
<ftui-label text = "Video"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
<td width="17%">
<ftui-label text = "Image"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
<td width="16%">
<ftui-label text = "Video"
color = "white"
class = "size-2 bold">
</ftui-label>
</td>
</tr>
<tr>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "doorbell_Image_00"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =     "doorbell_Video_00"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl = "motionsensor_Image_00"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl = "motionsensor_Video_00"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "snapshot_Image_00"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =       "manual_Video_00"> </ftui-content></td>
</tr>
<tr>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "doorbell_Image_01"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =     "doorbell_Video_01"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl = "motionsensor_Image_01"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl = "motionsensor_Video_01"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "snapshot_Image_01"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =       "manual_Video_01"> </ftui-content></td>
</tr>
<tr>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "doorbell_Image_02"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =     "doorbell_Video_02"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl = "motionsensor_Image_02"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl = "motionsensor_Video_02"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "snapshot_Image_02"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =       "manual_Video_02"> </ftui-content></td>
</tr>
<tr>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "doorbell_Image_03"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =     "doorbell_Video_03"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl = "motionsensor_Image_03"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl = "motionsensor_Video_03"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "snapshot_Image_03"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =       "manual_Video_03"> </ftui-content></td>
</tr>
<tr>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "doorbell_Image_04"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =     "doorbell_Video_04"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl = "motionsensor_Image_04"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl = "motionsensor_Video_04"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyimage.html" DbUrl =     "snapshot_Image_04"> </ftui-content></td>
<td align="center"><ftui-content file = "content/content_home_historyvideo.html" DbUrl =       "manual_Video_04"> </ftui-content></td>
</tr>
</table>
<ftui-button color="danger" id="history" popup-close>Close</ftui-button>
</ftui-popup>



Wieso wir das verflixte "history" - Popup nicht geoeffnet?

Irgendetwas ueberlese ich hier, sehe aber den wald vor lauter Baeumen nicht...

Wenn Ihr irgendetwas seht, dann bin ich fuer jeden Hinweis dankbar!

[Nachtrag]
Problem geloest: "history" ist offensichtlich eine Terminologie, die ftui nicht mag.
Ich habe das popup in "frontdoorcamhistory" umbenannt und schwupps geht es!
Siehe Image02.png

Gruss
    Sailor

[Badflex]

Moin an alle,
Ich sehe hier das alle das Wetter von Proplanta nehemen. Ich würde jetzt DWD nehem da ich da die genauesten Erfahrungen habe auf der Handy App.
Bevor ich mir hier die mühe mache herauszufinden wie die ganzen readings
Übersetzt heißen und das in ftui einzubauen,wollt ich fragen, welchen Grund ihr habt Proplanta zu nehmen?
Vielleicht hat auch jemand schon eine Wetteranzeige mit DWD gemacht und möcht uns etwas Arbeit ersparen.
Danke

[mr_petz]

@Badflex

Vorschlag ungetestet....:
Du könntest versuchen für DWD-Wetter den HTML-Code in einem content mit getHTML von FHEM holen wenn du den weblink hast.

define DWD_Weblink weblink htmlCode { DWD_OpenData_Weblink::AsHtmlH("DWD_Weblink_Generator") }

https://wiki.fhem.de/w/images/8/87/DWDODweblink.png
https://wiki.fhem.de/wiki/DWD_OpenData#Beispiel_f.C3.BCr_die_Einrichtung_eines_Weblinks
Der wird dann so angezeigt. Aufpassen muss man nur bei den SVG´s. Die sind meist zu Groß. Siehe hier:
Problem:
https://forum.fhem.de/index.php/topic,115259.msg1238688.html#msg1238688
Lösung:
https://forum.fhem.de/index.php/topic,115259.msg1238708.html#msg1238708

Bsp:

Code Auswählen Erweitern


<ftui-content [content]="Device | getHTML('DeviceHtmlCode')"></ftui-content>

Weitere Beispiele sind hier im Thread zu finden.
Ich hoffe das hilft ein wenig....

LG mr_petz

[meier81]

Ich hätte nochmal eine Frage bezüglich dem @click: Ist es möglich mit dem @click auch die Tabs umzuschalten, ich blende mir in der Kopfzeile ein Batteriesymbol ein falls mindestens eine Batterie schwach ist und würde gerne beim klicken auf das Symbol in den Tab System springen.

Hier mal die Definition des Icons:

Code Auswählen Erweitern

      <ftui-column width="3%">
        <ftui-icon size="-1" name="battery-1" @click="View6.open()" color="red"
           [hidden]="di_Monitoring_Batterien:state | map('ok:true, `.*`:false')"></ftui-icon>
        <ftui-badge [text]="di_Monitoring_Batterien:count"
                    [hidden]="di_Monitoring_Batterien:count | step('0:true, 1:false')" class="size-0">
        </ftui-badge>
      </ftui-column>

Und hier die Definition des Tabs:

Code Auswählen Erweitern

    <ftui-tab-view id="View6">
      <ftui-content file="content-system.html"></ftui-content>
    </ftui-tab-view>

bzw. der Button der Fusszeile für den Tab:

Code Auswählen Erweitern

    <ftui-tab view="View6" title="System" direction="vertical" timeout="60">
      <ftui-icon name="server"></ftui-icon>
      <label class="small">System</label>
    </ftui-tab>

Auf jeden Fall funktioniert die @click Funktion so wie ich sie oben verwendet habe leider nicht, da kommt ein Fehler.
Vielleicht hat da jemand ja eine Idee.

Gruß Markus

[mr_petz]

Guten Morgen Markus

Schau hier:
https://forum.fhem.de/index.php/topic,115259.msg1241191.html#msg1241191
war bereits Thema...

LG mr_petz

[meier81]

Guten Morgen mr_petz,

hab zwar die Suchfunktion benutzt und war auch der Meinung ich hätte das schonmal gesehen, ist halt leider schon spät.

Vielen Dank für den Hinweis, funktioniert einwandfrei.

LG Markus

[Badflex]

@Badflex

Vorschlag ungetestet....:
Du könntest versuchen für DWD-Wetter den HTML-Code in einem content mit getHTML von FHEM holen wenn du den weblink hast.https://wiki.fhem.de/w/images/8/87/DWDODweblink.png
https://wiki.fhem.de/wiki/DWD_OpenData#Beispiel_f.C3.BCr_die_Einrichtung_eines_Weblinks
Der wird dann so angezeigt. Aufpassen muss man nur bei den SVG´s. Die sind meist zu Groß. Siehe hier:
Problem:
https://forum.fhem.de/index.php/topic,115259.msg1238688.html#msg1238688
Lösung:
https://forum.fhem.de/index.php/topic,115259.msg1238708.html#msg1238708

Bsp:

Code Auswählen Erweitern


<ftui-content [content]="Device | getHTML('DeviceHtmlCode')"></ftui-content>

Weitere Beispiele sind hier im Thread zu finden.
Ich hoffe das hilft ein wenig....

LG mr_petz

Vielen Dank für die schnelle Hilfe, nur leider komm ich damit nicht so ganz klar.
Den Weblink hab ich erstellt und sehe das Wetter auch in grafischer Ansicht in fhem.

Was sollte den passieren wenn ich den Weblink mit dem HtmlCode erstelle?
Sollte da eine Ausgabe kommen die ich dann bei getHTML('DeviceHtmlCode')" in FTUI einfüge?

Was wäre den das Device? DWD_Weblink?
Und der Code?

Sorry,

[mr_petz]

Gerade mal getestet und html geholt (fhemdevice ohne Daten):

Code Auswählen Erweitern


<ftui-content [content]="DWD:fc_time | getHTML('DWD_Weblink_Generator horizontalForecast')"></ftui-content>


Mehr kann ich dir da nicht helfen... sorry...
Doch siehe Edit!

LG mr_petz

Edit: man brauch dann noch die css Einträge des weatherForecast usw... sonst wird es nicht horizontal angezeigt...

Code Auswählen Erweitern


    /* weather table with fixed column width */
    .weatherForecast {
        display: table;
        table-layout: fixed;
        column-gap: 10px;
    }
    /* weather table header row */
    .weatherHeaderRow {
        display: table-header-group;
        white-space: nowrap;
    }
    /* weather table data row */
    .weatherDataRow {
        display: table-row-group;
    }
    /* weather table data cells */
    #weatherFontBold {
        font-weight: bold;
    }
    .weatherWeekday {
        display: table-cell;
        min-width: 70px;
        text-align: center;
        vertical-align: middle;
    }
    .weatherCondition {
        display: table-cell;
        position: relative;
        top: -4px;
        text-align: center;
        vertical-align: middle;
        font-size: 60%;
        word-wrap: break-word;
    }
    .weatherTemperature {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 95%;
        white-space: nowrap;
    }
    .weatherWind {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        font-size: 80%;
        padding-top: 3px;
    }
    /* weather table condition icon cell */
    .weatherIcon {
        display: table-cell;
        position: relative;
        text-align: center;
    }
    /* weather icon */
    .weatherIcon img {
        width: 96%;
        height: auto;
        position: relative;
    }
    /* embedded alert icon with pointer support */
    .weatherAlertIcon {
        position: absolute;
        top: 5px;
        right: 5px;
        width: 25px;
        height: 22px;
        background-size: 25px 22px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAkCAMAAADM4ogkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyppVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NjcyOSwgMjAxMi8wNS8wMy0xMzo0MDowMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIEVsZW1lbnRzIDEyLjAgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1RjU1NzJBRDMyRTcxMUU1QTk4MkI0RTkwODEwODQ1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1RjU1NzJBRTMyRTcxMUU1QTk4MkI0RTkwODEwODQ1QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVGNTU3MkFCMzJFNzExRTVBOTgyQjRFOTA4MTA4NDVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjVGNTU3MkFDMzJFNzExRTVBOTgyQjRFOTA4MTA4NDVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+oFydjAAAAwBQTFRF9fX267W51Csy9d7c1VBV9uPc/vz89+nl5YB/2Flk2mZp1Cgv0Csw5pWR7K2t1Soy1Cow7b6y0iUr+/r61jI54X+A+uvq21xV44qO/fj400tU1kxG3nNx2mJp34Bz/Pj2a2tr4Ht91S43fn5+1jA31S0y0iYu1TA1/ff3+/TxEhIS3W1u1jA010Q++efj1kVH1Tk+gYGB6qWh4oWEtra21TI48sjH1VVc1tbW1jY22ltd4YF/1kFHl5eX/vz7/Pz84nZt+evt9+Tm2mNu1Sw14YSD1Ss04YKC0isv4X5/0zc21CUu8cnL0jA20jAz22xy1jE422Zv1i800isw1Cgx11xjKysr1FFZ4X190iQsGRkZ0jY+1TE41Cww0y0y0ykt1i431i4z0y800ikvPz4/AAAA////DQwM1TI30yYs1TE31TA21TE21S401S801S810ycs//7+1TA3///+/v791TI2/v//0Sov0iYt0yYt6urqkZGR1TM40ycu1S414ODg4YB3+/Hw7bK0/vv78fHxh4eH+OPf0i8w1DI30icu1y843Zia/PX13Nvb6aWZ4YKE+fDv21RT00E83G5y3m9x7tDF3Gdu99fW1EJK1ktK3t7e5I+R4oeH3WNp3oCF+vH16ZOJ1Sw27cG31i018dDL4qOf3Wde7Kqe+O7m2ERH+e3o+u/t4YuY/Pb15IqG5p2R4np52TA82mhx2V1p3mpx5oWL66uiRkZG4YOR/v7+1ygz1TxC8dDV9dHS2VJL1CUw8by79+Hg7bq3vr6+9dnR1Tc49d/X11le77yv22hl2lVY+Ofo33540icspqan+/f49N/h5J6m2HB7zczN3nZ88c3FsrKz3HZ74ICC4YGA1oJy10JD+Onj8c3J1Dk71T494oaE4HpxNTU14XRz7Ozs7+/vcG9v+/bz/Pj1/fr3IiIi676/5IJx4Hpr6amn56On6aGd2mlu4X2A22Vm2WFk1jI33GNk+/Ds2VJU2FZW8/Pz78jD3V1v55iY3W1x////C1yJRAAAAQB0Uk5T////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AFP3ByUAAAMKSURBVHjajNEFWBNxGAbwOXEoUzYnqCgGuPMUUFE8sRuwgDlUEJmK8z6/XWyEEjrswu7u7u7u7u4u7G7FWxoj/J6L9/7v77nnQpTpMM7XFkocV0UOK2VKbkt3/R+4KY0Zlnw8d7ikBeu9VroRcoXPg5F1Y5Mn5wYPaRnGqOxMfPbIGXZfFMxxJGtg0lxzhoWlKpYfSrCd9f4rc4JPKs1l9B1aeabGoLRQTnBxG8T2K2DwLV7FRVTOHi47yKKmxGyAagoGxb7x2cLSMuS0eZIAMopJUaWtkR3M1yUBpe8lkuoj4WYYm8Bf98gaxjdsSik7toKydPQ0OKEzUnGuWcOLWgZPXoCe3Wi6HlS+zVMG/35Zwfq7eqO+wxk4T9N0OYDXKQylnZ4VnKdxM5bfAtDTh6arAlT4IldxXYo6woyS3hwxpRHA12ia7gUA3yKUKL8f7wCPiClMOSsA0VPTMwIkeeoQm+39F1asZECZ02kBFGlH06eEM+Rt0RvFHyX/wNUy7JGex9Q3EGB1U4BCLVXK9D1/wxu1lJS8lMTc36Pp/eZQcaoM9Us9/oSJL8QUGbrDXMNmOvqBJe3TxqC22p/wgIbBlrMsLZSju1pT93dSZDsW/Q3rF/NG3r+xte4zqKY1QY0IBuVvwQ4LazFGUTzRVhexJziahkzyTht8PM6AwXUbWbutj3za2W+5IIxEovYAKxwlww+KV7buYTfzL7TODOGry/tb4KdaCSg/VsFWDfSx/ELLLK9CILl9hBnOEaOq4DN7BZe6lv36++plJ3ST/zDBfEOEN6udBNnNWDHFhTpnihIbNkXKUNfLyyuqeciVOwFvr7oHrApqHhTiPjog6EqdNVFVDIji/JmiiYQbopFM3R0XF6fT6VJ15jFFnUJhSqQRETV5RXfnGykhMea9B2M624ezBaOmuKiv1GDg9TxJ8sIxltB7E0QsT/BqpdrPT9g4P7VaTcZKL4vGDP/psq71BpdSLj9nTmod3mTC+HDfN+FN2jodjlwfGRnoFNg2cH2B7+ca/xJgAFL1l3PxpIx4AAAAAElFTkSuQmCC);
    }
    .weatherAlertIcon:hover {
        opacity: 0.7;
    }
    .weatherAlertIcon:focus {
        opacity: 1.0;
    }
    /* opaque white background for alerts dialog */
    .weatherOverlay {
        display: none;
        position: fixed;
        z-index: 1;
        opacity: 0.2;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: white;
    }
    .weatherAlertIcon:focus .weatherOverlay {
        display: block;
    }
    /* alerts dialog box */
    [class^=weatherAlertBox] {
        display: none;
        position: absolute;
        z-index: 2;
        opacity: 1;
        top: 0;
        border: 3px solid white;
        border-radius:3px;
        box-shadow: 0px 0px 6px 4px #666;
        background: #EEE;
    }
    .weatherAlertIcon:focus .weatherAlertBoxLeft {
        display: block;
        right: -268px;
    }
    .weatherAlertIcon:focus .weatherAlertBoxCenter {
        display: block;
        left: -178px;
    }
    .weatherAlertIcon:focus .weatherAlertBoxRight {
        display: block;
        left: -312px;
    }
    /* alerts dialog close button */
    .weatherAlertsClose {
        position: absolute;
        top: -12px;
        right: -13px;

        border-radius: 12px;
        box-shadow: 1px 1px 3px #666;

        line-height: 21px;
        width: 21px;
        background: #606061;

        text-align: center;
        text-decoration: none;
        font-family: Sans-serif;
        font-weight: bold;
        color: white;
    }
    .weatherAlertsClose:hover {
        opacity: 0.8;
    }
    /* alerts dialog title */
    .weaterAlertsTitle {
        font-weight: bold;
        color: black;
    }
    /* alert messages */
    [class^=weaterAlertMessage] {
        float: left;
        text-align: left;
        white-space: nowrap;
    }
    .weaterAlertMessage p {
        white-space: normal;
    }

am besten in eine user.css einfügen oder in den styletag der Seite

Edit: content geändert wegen Event zum erneuern des content

[Badflex]

Vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen vielen
Dank!
Es klappt   

[mr_petz]

Sehr schön
Das wäre wieder was fürs wiki!
https://wiki.fhem.de/wiki/FTUI3_Best_Practices
Also wenn einer von Euch das Eintragen könnte wäre das super. Alles kann ich mir auch nicht merken 
Wenn du magst kannst du noch ein screenshot posten.?

LG mr_petz

[Badflex]

Nicht wundern die Oberfläche ist noch in bau, aber das Wetter sieht man schon. Das einzige was ich nicht verstehe sind die 2 Fragezeichen unter den Wolken. Die sind aber in fhem weblink auch so.

[mr_petz]

Nicht wundern die Oberfläche ist noch in bau, aber das Wetter sieht man schon. Das einzige was ich nicht verstehe sind die 2 Fragezeichen unter den Wolken. Die sind aber in fhem weblink auch so.

Kein Ding. dwd-Weahter sieht gut aus und die icongröße passt...
Die Fragezeichen bei dir sind im code weatherCondition (bewölkt abnehmend etc...)...

LG

[Badflex]

Ja, den Text für die ? muss man in den Attributen vom DWD_OPENDATA Mudol extra einschalten.

[OdfFhem]

Das wäre wieder was fürs wiki!
https://wiki.fhem.de/wiki/FTUI3_Best_Practices

Bitte einen prüfenden Blick werfen auf: https://wiki.fhem.de/wiki/FTUI3_DWD_Wettervorhersage