Hi zusammen!
Habe ein Problem mit der Darstellung des Icon. Folgende Ausgangssituation: In FHEM nutze ich PROPLANTA, dort ist die Darstellung des Icon korrekt, da dafür ein eigenes ICON t8.gif verwendet wird. Im Reading steht folgendes fc1_weatherDay
unterschiedlich bewölkt, vereinzelt Schauer und Gewitter. Zur Darstellung des Widget
<div
data-type="weather"
data-device="Wetter_Pro"
data-get="fc1_weatherDay"
data-imageset="kleinklima"
class="centered top-narrow-2x"
style="width:55px;">
</div>
nutze ich das Imageset "kleinklima". Wie es aussieht, fehlt wohl hier ein Icon für die oben genannte Wetterlage.
Darüber hinaus habe ich auch ein Problem mit der Darstellung von langen Texten. Anstatt den Text untereinander zu schreiben ist der Zeilenabstand doch riesig -siehe Image im Anhang --
Hallo,
Kann ich bestätigen, identisches Setup.
Gruß
Eisix
Das Problem und auch die Lösung sind bekannt: https://forum.fhem.de/index.php/topic,88062.0.html (https://forum.fhem.de/index.php/topic,88062.0.html)
Soweit ich das überblicke, gibt es aktuell hierzu noch kein FTUI-Update, sodass jeder Betroffene seine Datei selbst ändern sollte.
Super Danke, habe es in der weather.js angepasst. Icon wird wieder dargestellt :-)
Das Problem mit dem großen Zeilenvorschub beim Umbruch ist wohl ein Problem im widget "Label". Das passiert bei mir immer, wenn der Text länger ist als das Feld in der Breite zulässt.
Zitat von: myhome am 30 Mai 2018, 10:11:51
Das Problem mit dem großen Zeilenvorschub beim Umbruch ist wohl ein Problem im widget "Label". Das passiert bei mir immer, wenn der Text länger ist als das Feld in der Breite zulässt.
Überlange Texte könnte man auch mit class="truncate" abschneiden. Hat natürlich auch seine Nachteile ...
Wahrscheinlich hast Du mit dem Flexbox-Design gearbeitet, welches mitunter skaliert und Platz verteilt, wo man es gar nicht möchte. Mit
row-col wurde ich glücklicher (Wie man leicht erkennt, heißt das Wetter-Device bei mir
WetterProplanta):
<li data-row="3" data-col="4" data-sizex="4" data-sizey="4">
<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">morgens</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherMorningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherMorning" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">mittags</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">abends</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherEveningIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherEvening" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
</div>
</div>
<div class="container top-space-3x">
<div data-type="label" class="cell bigger darker">Morgen</div>
</div>
<div class="sheet">
<div class="row">
<div class="col-1-3">
<div data-type="label" class="cell top-space darker">morgens</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherMorning" class="cell top-narrow darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space darker">mittags</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell top-narrow darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space darker">abends</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherEvening" class="cell top-narrow darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="cell bigger" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
</div>
</div>
</div>
</li>