Hallo,
ich würde gerne eine schone Frostwarnung bauen und komme nicht weiter.
<li class="halbTransparent border-left border-right" data-row="2" data-col="4" data-sizex="1" data-sizey="1">
<header class="headerTransparent">Frostwarnung</header>
<div class="top-space">
<div data-type="symbol"
data-device="CUL_TX_4"
data-get="temperature"
data-limits='[-10,2,5]'
data-icons='["fa-snowflake-o warn", "fa-exclamation-triangle", "fa-exclamation-triangle"]'
data-colors='["red","yellow","transparent"]'
class="cell big inline" ></div>
</div>
</li>
CUL_TX_4 ist ein TX Temperatursensor..
Idee ist, dass eben bei -10 bis 2 Grad eine Frostwarnung (snowflake) und im kleinen Kreis(warn) dann die Temperatur steht.
Dann eben 2 bis 5 Grad ein gelbes Triangle und über 5 Grad eigentlich eine leere Zelle.
Wo ist mein Gedankenfehler bzw. wie könnte man das umsetzen ?
Grüße
Jörg
das würde ich auch übernehmen....super Idee
Beim Symbol heißt es data-states
nicht, wie beim Label-Widget data-limits.
Beim Label geht aber auch data-states. Mal sehen, ob ich es angleichen kann
Hat schon einer eine Lösung....??? ich habe es auch versucht bekomme es mit states aber auch nicht hin....
Ich habe so etwas Ähnliches auf der Basis der Proplanta-Vorhersage:
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc0_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" data-device="WetterProplanta:fc0_frost" data-states='[0,1]' data-colors='["white","#5858FA"]' data-refresh="900">
<div data-type="label" class="cell large narrow nocache">Heute</div></div>
Das Ganze wiederholt sich dann mit ,,fc1_*" (bei Proplanta) und "fc2_day_of_week" (bei Wetter (so heißt bei mir das Weather-Device)) usw.
Den Rest des Codes (Symbole, Temperaturen etc.) lasse ich hier weg.
Das Ergebnis ist im ersten Bild dargestellt. Wenn eine Frostwarnung vorliegt, wird das Snowflake angezeigt und der Name des Tages von Weiß auf Blau umgestellt. Alles gut.
Wie es so ist im Leben, ändert Proplanta ggf. seine Meinung, in diesem Fall wurde die Frostwarnung für den Do von ,,1" auf ,,0" zurückgenommen. Das Ergebnis ist dann nicht ganz so gut: Der Snowflake verschwindet wunschgemäß, aber die Schrift bleibt (auch über Stunden) blau, siehe Bild 2.
Wenn man die Seite neu lädt, ist alles wieder gut (Bild3).
Das Problem liegt also darin, dass
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc3_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
automatisch aktualisiert wird, nicht jedoch:
<div data-type="label" data-device="WetterProplanta:fc3_frost" data-states='[0,1]' data-colors='["white","#5858FA"]' data-refresh="900">
<div data-type="label" class="cell large narrow nocache" data-device="Wetter" data-get="fc4_day_of_week"></div></div>
Meine Versuche mit ,,data-refresh" und ,,nocache" haben nichts gebracht. Kann jemand helfen?
<div data-type="label" data-device="WetterProplanta:fc3_frost" ist falsch
richtig ist
<div data-type="label" data-device="WetterProplanta" data-get="fc3_frost"
oder
<div data-type="label" data-get="WetterProplanta:fc3_frost"
Das Ergebnis überzeugt leider nicht.
Mit
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc1_frost" data-get-on="1" data-get-off="!on"
data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-device="WetterProplanta" data-get="fc1_frost" data-states='[0,1]' data-colors='["white","#5858FA"]' data-refresh="900">
<div data-type="label" class="cell large narrow nocache" data-device="Wetter" data-get="fc2_day_of_week"></div>
</div>
erhält man Bild 11. (Merkwürdigerweise ist auch das Label zum Wetterbild plötzlich weg.)
Mit
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc1_frost" data-get-on="1" data-get-off="!on"
data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_frost" data-states='[0,1]' data-colors='["white","#5858FA"]' data-refresh="900">
<div data-type="label" class="cell large narrow nocache" data-device="Wetter" data-get="fc2_day_of_week"></div>
</div>
erhält man Bild 12.
Etwas verallgemeinert lautet die Herausforderung: Der Inhalt des Labels Wochentag kommt aus dem einen Reading, die Farbe aus einem anderen Reading. Mit meiner Eingangslösung hat das - abgesehen von der Aktualisierungsproblematik - funktioniert.
Zitat von: setstate am 19 Dezember 2016, 21:27:17
Beim Symbol heißt es data-states
nicht, wie beim Label-Widget data-limits.
Beim Label geht aber auch data-states. Mal sehen, ob ich es angleichen kann
Hallo und danke.
Hat funktioniert.
<div class="top-space">
<div data-type="symbol"
data-device="CUL_TX_4"
data-get="temperature"
data-states='[-10,2,4]'
data-icons='["fa-snowflake-o warn", "fa-exclamation-triangle warn", "fa-exclamation-triangle"]'
data-colors='["#bcd3f4","yellow","transparent"]'
class="cell big inline" ></div>
</div>Bild zeigt einmal das data-states mit [-10,2,4] und einmal mit [-10,3,4], damit ich die Funktion testen konnte.
Die anderen Ideen baue ich mir in die Wetterseite ein. Diese Frostwarnung (1 Zelle) soll auf die Startseite.
Danke
Jörg
Zitat von: Ulm32b am 20 Dezember 2016, 02:15:48
Etwas verallgemeinert lautet die Herausforderung: Der Inhalt des Labels Wochentag kommt aus dem einen Reading, die Farbe aus einem anderen Reading.
data-get für den Label-Content
data-limits-get für den Limits Vergleich
<div class="small" data-type="symbol" data-device="AgroWeather" data-get="fc0_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" data-device="AgroWeather" data-get="fc0_date" data-substitution="toDate().eeee()" data-limits-get="fc0_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]' ></div>
Ich habe kein "fcx_day_of_week" bei meinem Proplanta, deshalb nutze ich data-substitution="toDate().eeee()" für den Wochentag in meinem Beispiel.
Danke für die tolle Anregung. Prompt umgesetzt !
@Ulm32b:
ZitatDen Rest des Codes (Symbole, Temperaturen etc.) lasse ich hier weg.
Kannst Du mal deinen vollständigen Code zur Verfügung stellen? Vielen Dank!
Bei mir sieht es jetzt so aus.....draußen ist es -0,3 Grad.....also gehe ich davon aus das es richtig ist........
weil dein regexp für die werte offenbar suboptimal ist. du must den data-states='[...]' teil so anpassen das er auch bei zahlen mit kommastelle greift
zb \-(?:\d*\.)?\d+ würde alles <0 nehmen
@Ulm32b:
Zitat
Den Rest des Codes (Symbole, Temperaturen etc.) lasse ich hier weg.
Kannst Du mal deinen vollständigen Code zur Verfügung stellen? Vielen Dank!
Mache ich gerne, sobald eine funktionierende Version vorliegt.
Hier kommt nun der vollständige Code für die Wetteraussichten.
In FHEM muss hierzu das Device Proplanta (bei mir heißt es "WetterProplanta") angelegt werden. Der Wochentag stammt jetzt (auf Hinweis von Setstate) auch aus Proplanta, sodass andere Devices nicht mehr benötigt werden. Bei Bedarf kann der Zeithorizont natürlich verkürzt oder erweitert werden.
In den vorliegenden Beispieldaten tritt der Fall ein, das bei aktivierter Frostwarnung eine Minimaltemperatur > 0 ausgewiesen wird. Darin sehe ich keinen Widerspruch; in meinem Auto zirpt die Frostwarnung schon bei 4°C.
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc0_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-limits-get="WetterProplanta:fc0_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'>Heute</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc1_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc1_date" data-substitution="toDate().ee()" data-limits-get="fc1_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc2_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ee()" data-limits-get="fc2_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc3_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().ee()" data-limits-get="fc3_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc4_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().ee()" data-limits-get="fc4_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
wirklich super, habe es mir auch jetzt so gemacht....
aber wie bekomme ich das ganze etwas kleiner....möchte es auf der Index Seite meines Tablet nutzen....im moment brauche ich eine komplette Seite auf meinem Tablet....
vielen dank
In der Tat: Die Wetterseite ist alles andere als platzoptimiert. Sie ist bei mir auch nicht die Startseite. Wie wäre es mit folgendem: Auf der Startseite gibt es eine detailliertere Auskunft zu heute und morgen. Nur das obere Feld mit Datum, Uhrzeit und aktueller Temperatur bleibt immer stehen; der Rest wird via Pagebutton umgeschaltet, z.B. auf die 5-Tageübersicht. Auf der Startseite bleibt dann noch Platz für anderes.
Weil Proplanta den Sonnenauf- und Untergang nicht liefert, habe ich dies über das Device Sun gelöst.
<li data-row="1" data-col="2" data-sizex="4" data-sizey="1">
<div data-type="label" class="cell bigger" style="color:GoldenRod">ABC-straße xyz
</div>
<div class="inline">
<div style="color:GoldenRod" data-type="clock" data-format="j.n.Y" class="big inline"></div>
<div style="color:GoldenRod" data-type="clock" data-format="H:i" class="left-space-2x inline bigger"></div>
<div data-type="label" data-device="WetterProplanta" data-get="temperature" data-unit="%B0C%0A" data-fix="0" class="inline bigger left-space-3x" data-limits='[-50,0]' data-colors='["#5858FA","GoldenRod"]'>
</div></div>
</li>
<li data-row="2" data-col="2" data-sizex="4" data-sizey="4">
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">morgens</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">mittags</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">abends</div>
</div>
<div class="col-1-3">
<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 big" data-limits='[-50,1]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<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 big" data-limits='[-50,1]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<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 big" data-limits='[-50,1]' data-colors='["#5858FA","white"]'></div>
</div>
<!--
<div class="col-1-3">
<div data-type="label" class="cell darker top-space">nachts</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherNightIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherNight" class="cell top-narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp0" data-unit="%B0C%0A" class="cell big"></div>
</div>
-->
<div data-type="label" class="cell top-space-3x big darker">Morgen
</div>
<div class="col-1-3 top-narrow">
<div data-type="label" class="cell top-space darker">morgens</div></div>
<div class="col-1-3 top-narrow">
<div data-type="label" class="cell top-space darker">mittags</div></div>
<div class="col-1-3 top-narrow">
<div data-type="label" class="cell top-space darker">abends</div></div>
<div class="col-1-3 top-narrow">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="cell"></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 big" data-limits='[-50,1]' data-colors='["#5858FA","grey"]'></div>
</div>
<div class="col-1-3 top-narrow">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell"></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 big" data-limits='[-50,1]' data-colors='["#5858FA","grey"]'></div>
</div>
<div class="col-1-3 top-narrow">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="cell"></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 big" data-limits='[-50,1]' data-colors='["#5858FA","grey"]'></div>
</div>
</li>
<li data-row="3" data-col="1" data-sizex="4" data-sizey="1">
<div class="container inline">
<div class="top-space-2x" data-type="wind_direction"
data-device="WetterProplanta"
data-direction="windDir"
data-speed="wind"
data-calm="-"
data-size="50"
data-tickstep="45"
data-angleoffset="0"></div>
<div data-type="label" data-device="WetterProplanta" data-get="wind" data-unit="km/h" data-fix="0" class="large"></div>
</div>
<div class="container inline left-space">
<div class="top-space-2x large" data-type="label"
data-device="WetterProplanta"
data-get="pressure"
data-unit="hPa"
data-fix="0"></div>
<div class="top-space" data-type="label">Luftdruck</div>
</div>
<div class="container inline left-space">
<div class="top-space-2x large" data-type="label"
data-device="WetterProplanta"
data-get="humidity"
data-unit="%"
data-fix="0"></div>
<div class="top-space" data-type="label">Feuchte</div>
</div>
<div class="container inline left-space">
<div class="top-space-2x large" data-type="label"
data-device="WetterProplanta"
data-get="visibility"
data-unit="km"
data-fix="0"></div>
<div class="top-space" data-type="label">Sicht</div>
</div>
<div class="container inline left-space">
<div data-type="symbol" data-icon="J" class="cell weather medium"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenaufgang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large narrow"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenuntergang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large"></div>
</div>
<div class="container inline">
<div data-type="label" data-icon="K" class="cell weather medium"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_moonRise" class="cell large narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_moonSet" class="cell large"></div>
</div>
</li>
Hallo Ulm32b, das sieht echt super aus.....ich schaue es mir heute Abend einmal an.....
melde mich dann zurück....erst einmal Danke
<div class="container inline left-space">
<div data-type="symbol" data-icon="J" class="cell weather medium"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenaufgang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large narrow"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenuntergang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large"></div>
</div>
Wo finde ich das device SUN ????
Zitat von: Ulm32b am 21 Dezember 2016, 22:08:05
In der Tat: Die Wetterseite ist alles andere als platzoptimiert. Sie ist bei mir auch nicht die Startseite. Wie wäre es mit folgendem: Auf der Startseite gibt es eine detailliertere Auskunft zu heute und morgen. Nur das obere Feld mit Datum, Uhrzeit und aktueller Temperatur bleibt immer stehen; der Rest wird via Pagebutton umgeschaltet, z.B. auf die 5-Tageübersicht. Auf der Startseite bleibt dann noch Platz für anderes.
Ich habe das bei mir so auf dem Handy so gelöst:
- Übersichtseite Wetter mit 7 Tages vorschau als slider
Über ein pagebutton(oben rechts die 2) kommt man auf die Wettervorhersage
Grüße
Jörg
Das Widgte "weather" wurde meines wissen durch nesges seiner Zeit erstellt. Wenn nesges nicht mitliest, vielleicht habt ihr einen Tipp.
Mir werden die Wettericons nicht angezeigt!
Im Widget weather.js ist hierzu ein Pfad hinterlegt. Aber wie ich es auch anpasse, ich erhalte nicht das gewünschte Ergebnis.
meine index.html liegt im Verzeichnis
/opt/fhem/www/tablet/index.html
die Wettericons liegen im Verzeichnis
/opt/fhem/www/images/default/weater
in der wather.js wird in der Zeile 376 nach dem Pfad gefragt.
var fhem_path = $("meta[name='fhemweb_url']").attr("content") || "/fhem/";
fhem_path = fhem_path.replace(/\/$/, '');
var image_path = $("meta[name='weather_image_path']").attr("content") || '/images/default/weather/';
elem.data('image-path', elem.data('image-path') || image_path);
if(!elem.data('image-path').match(/\/$/)) {
elem.data('image-path', elem.data('image-path')+'/');
Zitat von: bjoernbo am 22 Dezember 2016, 08:41:57
meine index.html liegt im Verzeichnis
/opt/fhem/www/tablet/index.html
die Wettericons liegen im Verzeichnis
/opt/fhem/www/images/default/weater
Hallo Björn,
das habe ich bei mir auch so und es klappt mit weather.js im Standard.
Hast du in der fhem.cfg auch den Pfad für den Zugriff auf tabletUI eingetragen. Ist bei mir 8085 und eben ja nicht wie bei FHEMWEB 8083:
define WEBtablet FHEMWEB 8085 global
attr WEB iconPath fhemSVG:openautomation:default:icons_small:weather ???????
Grüße
Jörg
In meinem FTUI funktioniert alles! Da muss ich nichts an den Ports umstellen! 8) aber die 8085 war eingetragen.
Ich muss sicherlich nur die richtigen Pfade im widget anpassen, damit das widget den Pfad richtig auflösen kann und dann auf die .png's zugreifen kann.
ZitatWo finde ich das device SUN ????
Das habe ich seinerzeit abgekupfert und jetzt die Quelle wiedergefunden:
https://maker-tutorials.com/uhrzeit-des-sonnenaufgang-sonnenuntergang-in-fhem-anzeigen/ (https://maker-tutorials.com/uhrzeit-des-sonnenaufgang-sonnenuntergang-in-fhem-anzeigen/)
Damit erhält man zuverlässig den Sonnenauf- und Untergang des heutigen Tages, abhängig vom Standort. In der Quelle ist beschrieben, dass man zwischen den Varianten real (wahrscheinlich default), civil, nautic, astronomic unterscheiden kann.
Bei mir hat die Integration auf Anhieb funktioniert.
Danke für die Info....
habe jetzt deinen code einmal eingetragen....
o.k.
Der Code definierte nur einen Teil der Gridsterelemente. Auch ist nicht klar, ob die
Grundeinstellungen übereinstimmen. Versuche es mal hiermit (Getestet mit einem 10'-Tablet):
Im Header:
...
<meta name="widget_base_width" content="120">
<meta name="widget_base_height" content="126">
<meta name="widget_min_cols" content="13">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="gridster_disable" content="1">
<meta name="widget_margin" content="4">
...
Im Body:
<body>
<div class="gridster">
<ul>
<li data-row="1" data-col="1" data-sizex="3" data-sizey="1">
</li>
<li data-row="1" data-col="4" data-sizex="4" data-sizey="1">
<div data-type="label" class="cell bigger" style="color:GoldenRod">ABCstraße xyz
</div>
<div class="inline">
<div style="color:GoldenRod" data-type="clock" data-format="j.n.Y" class="big inline"></div>
<div style="color:GoldenRod" data-type="clock" data-format="H:i" class="left-space-2x inline bigger"></div>
<div data-type="label" data-device="WetterProplanta" data-get="temperature" data-unit="%B0C%0A" data-fix="0" class="inline bigger left-space-3x" data-limits='[-50,0]' data-colors='["#5858FA","GoldenRod"]'>
</div></div>
</li>
<li data-row="1" data-col="8" data-sizex="3" data-sizey="1">
</li>
<li data-row="2" data-col="1" data-sizex="3" data-sizey="5">
</li>
<li data-row="2" data-col="4" data-sizex="4" data-sizey="4">
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">morgens</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">mittags</div>
</div>
<div class="col-1-3">
<div data-type="label" class="cell top-space narrow">abends</div>
</div>
<div class="col-1-3">
<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 big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<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 big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div class="col-1-3">
<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 big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
</div>
<div data-type="label" class="cell top-space-3x big darker">Morgen</div>
<div class="col-1-3 top-narrow">
<div data-type="label" class="cell top-space darker">morgens</div></div>
<div class="col-1-3 top-narrow">
<div data-type="label" class="cell top-space darker">mittags</div></div>
<div class="col-1-3 top-narrow">
<div data-type="label" class="cell top-space darker">abends</div></div>
<div class="col-1-3 top-narrow">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherMorningIcon" data-imageset="kleinklima" class="cell"></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 big" data-limits='[-50,0]' data-colors='["#5858FA","grey"]'></div>
</div>
<div class="col-1-3 top-narrow">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell"></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 big" data-limits='[-50,0]' data-colors='["#5858FA","grey"]'></div>
</div>
<div class="col-1-3 top-narrow">
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherEveningIcon" data-imageset="kleinklima" class="cell"></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 big" data-limits='[-50,0]' data-colors='["#5858FA","grey"]'></div>
</div>
</li>
<li data-row="2" data-col="8" data-sizex="3" data-sizey="5">
</li>
<li data-row="6" data-col="4" data-sizex="4" data-sizey="1">
<div class="container inline">
<div class="top-space-2x" data-type="wind_direction"
data-device="WetterProplanta"
data-direction="windDir"
data-speed="wind"
data-calm="-"
data-size="50"
data-tickstep="45"
data-angleoffset="0"></div>
<div data-type="label" data-device="WetterProplanta" data-get="wind" data-unit="km/h" data-fix="0" class="large"></div>
</div>
<div class="container inline left-space">
<div class="top-space-2x large" data-type="label"
data-device="WetterProplanta"
data-get="pressure"
data-unit="hPa"
data-fix="0"></div>
<div class="top-space" data-type="label">Luftdruck</div>
</div>
<div class="container inline left-space">
<div class="top-space-2x large" data-type="label"
data-device="WetterProplanta"
data-get="humidity"
data-unit="%"
data-fix="0"></div>
<div class="top-space" data-type="label">Feuchte</div>
</div>
<div class="container inline left-space">
<div class="top-space-2x large" data-type="label"
data-device="WetterProplanta"
data-get="visibility"
data-unit="km"
data-fix="0"></div>
<div class="top-space" data-type="label">Sicht</div>
</div>
<div class="container inline left-space">
<div data-type="symbol" data-icon="J" class="cell weather medium"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenaufgang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large narrow"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenuntergang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large"></div>
</div>
<div class="container inline">
<div data-type="label" data-icon="K" class="cell weather medium"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_moonRise" class="cell large narrow"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_moonSet" class="cell large"></div>
</div>
</li>
</ul>
</div>
</body>
Hallo, ich habe noch ein kleines Problem....warum kann ich aber nicht richtig deuten....
hier der code
<div class="container inline left-space">
<div data-type="symbol" data-icon="J" class="cell weather medium"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenaufgang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large narrow"></div>
<div data-type="label" data-device="Sun" data-get="Sonnenuntergang" data-part=".*(\d\d:\d\d):\d\d.*" class="cell large"></div>
</div>
warum wird das data-device nicht ausgelesen....meine Fhem Config unten in den Bildern....
Danke für die Hilfe.....
Das device heißt Sonnenaufgang bzw. Sonnenuntergang, bei get kommt dann state rein.
super danke, und jetzt muss ich noch 24 Stunden abziehen oder ????
Zitat von: Ulm32b am 21 Dezember 2016, 00:17:51
Hier kommt nun der vollständige Code für die Wetteraussichten.
In FHEM muss hierzu das Device Proplanta (bei mir heißt es "WetterProplanta") angelegt werden. Der Wochentag stammt jetzt (auf Hinweis von Setstate) auch aus Proplanta, sodass andere Devices nicht mehr benötigt werden. Bei Bedarf kann der Zeithorizont natürlich verkürzt oder erweitert werden.
In den vorliegenden Beispieldaten tritt der Fall ein, das bei aktivierter Frostwarnung eine Minimaltemperatur > 0 ausgewiesen wird. Darin sehe ich keinen Widerspruch; in meinem Auto zirpt die Frostwarnung schon bei 4°C.
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc0_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-limits-get="WetterProplanta:fc0_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'>Heute</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc1_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc1_date" data-substitution="toDate().ee()" data-limits-get="fc1_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc2_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ee()" data-limits-get="fc2_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc3_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().ee()" data-limits-get="fc3_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
<div class="container inline top-space-2x">
<div class="small" data-type="symbol" data-device="WetterProplanta" data-get="fc4_frost" data-get-on="1" data-get-off="!on" data-icon="fa-snowflake-o" data-on-color="#5858FA" data-hide="0"></div>
<div data-type="label" class="cell large narrow" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().ee()" data-limits-get="fc4_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDay" data-imageset="kleinklima" class="cell" style="font-size:400%"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell top-narrow"></div>
<div class="doublebox-v inline top-space right-narrow">
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell large inline wider" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_chOfRainDay" data-unit="%" class="cell large inline top-space-2x right-narrow"></div>
</div>
<div class="doublebox-v inline top-space compressed">
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-thermometer-3"><data-off-color="#999"></div>
<div class="cell big inline narrow" data-type="symbol" data-icon="fa-umbrella"><data-off-color="#999"></div>
</div>
<div class="doublebox-v inline top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell large inline wider left-align" data-limits='[-50,1]' data-colors='["#5858FA","white"]' ></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_rain" data-unit="mm" data-fix="0" class="cell large inline top-space-2x left-align"></div>
</div>
</div>
Hallo
versuche gerade was schickes zu finden und teste diesen Code.
Wie bekomme ich einen Zeilenumbruch in die Wetterbeschreibung? Ist der Text zu lang, wird das Icon grösser gezogen
Noch ne Frage, wie positioniere ich die Texte und kl. Icons (unten), damits keine Überschneidung gibt?
off Topic Hinweis:
<data-off-color="#999">
ist Quatsch und passt da nicht rein.
Wenn man einen Editor benutzt, der auch Syntax-Check macht (z.B. Brackets), sieht man sofort ...
Hallo, ich habe eine kurze Frage, wie ich die Symbole kleiner bekomme, leider sieht das bei mir nicht so schön aus wie bei Euch :-(
es wäre schön wenn mir jemand helfen könnte
Vielen Dank :)
Zitat von: smile7779 am 29 Dezember 2018, 19:16:12
Hallo, ich habe eine kurze Frage, wie ich die Symbole kleiner bekomme, leider sieht das bei mir nicht so schön aus wie bei Euch :-(
es wäre schön wenn mir jemand helfen könnte
Vielen Dank :)
Ohne Quellcode lässt sich Deine Konstellation nicht näher analysieren. Dem Bild nach zu urteilen liegt dem eines meiner Frühwerke zugrunde; den Code habe ich in der Folge weiterentwickelt. Die folgende Lösung läuft bei mir seit gefühlt einem Jahr ohne Auffälligkeiten. Ist natürlich kein guter Programmierstil, weil keine Templates Verwendung fanden.
<div class="row">
<div class="col-1-5">
<div class="cell big newline"> </div>
<div data-type="label" class="cell big inline" data-limits-get="WetterProplanta:fc0_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'>Heute</div>
<div class="small inline" data-type="symbol" data-device="WetterProplanta" data-hide="fc0_frost" data-icon="fa-snowflake-o" data-color="#5858FA" data-hide-on="0"></div>
<div data-type="label" class="cell big" data-device="WetterProplanta" data-get="fc0_date" data-limits-get="fc0_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></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"></div>
<div class="row">
<div class="cell-20"></div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMax" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; left: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRainDay" data-unit="%" class="cell big newline top-space-3x" style="position: relative; left: 10px"></div>
</div>
<div class="cell-20">
<div class="cell big compressed" data-type="symbol" data-icon="fa-thermometer-3" data-color="#6E6E6E"></div>
<div class="cell big compressed" data-type="symbol" data-icon="fa-umbrella" data-color="#6E6E6E" style="position: relative; top: 10px"></div>
</div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc0_tempMin" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; right: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain" data-unit="mm" data-fix="0" class="cell big" style="position: relative; right: 10px"></div>
</div>
<div class="cell-20"></div>
</div>
</div>
<div class="col-1-5">
<div class="cell big newline"> </div>
<div data-type="label" class="cell big inline" data-device="WetterProplanta" data-get="fc1_date" data-substitution="toDate().ee()" data-limits-get="fc1_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div class="small inline" data-type="symbol" data-device="WetterProplanta" data-hide="fc1_frost" data-icon="fa-snowflake-o" data-color="#5858FA" data-hide-on="0"></div>
<div data-type="label" class="cell big" data-device="WetterProplanta" data-get="fc1_date" data-limits-get="fc1_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_weatherDay" class="cell"></div>
<div class="row">
<div class="cell-20"></div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMax" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; left: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRainDay" data-unit="%" class="cell big newline top-space-3x" style="position: relative; left: 10px"></div>
</div>
<div class="cell-20">
<div class="cell big compressed" data-type="symbol" data-icon="fa-thermometer-3" data-color="#6E6E6E"></div>
<div class="cell big compressed" data-type="symbol" data-icon="fa-umbrella" data-color="#6E6E6E" style="position: relative; top: 10px"></div>
</div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc1_tempMin" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; right: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain" data-unit="mm" data-fix="0" class="cell big" style="position: relative; right: 10px"></div>
</div>
<div class="cell-20"></div>
</div>
</div>
<div class="col-1-5">
<div class="cell big newline"> </div>
<div data-type="label" class="cell big inline" data-device="WetterProplanta" data-get="fc2_date" data-substitution="toDate().ee()" data-limits-get="fc2_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div class="small inline" data-type="symbol" data-device="WetterProplanta" data-hide="fc2_frost" data-icon="fa-snowflake-o" data-color="#5858FA" data-hide-on="0"></div>
<div data-type="label" class="cell big" data-device="WetterProplanta" data-get="fc2_date" data-limits-get="fc2_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc2_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_weatherDay" class="cell"></div>
<div class="row">
<div class="cell-20"></div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMax" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; left: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_chOfRainDay" data-unit="%" class="cell big newline top-space-3x" style="position: relative; left: 10px"></div>
</div>
<div class="cell-20">
<div class="cell big compressed" data-type="symbol" data-icon="fa-thermometer-3" data-color="#6E6E6E"></div>
<div class="cell big compressed" data-type="symbol" data-icon="fa-umbrella" data-color="#6E6E6E" style="position: relative; top: 10px"></div>
</div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc2_tempMin" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; right: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc2_rain" data-unit="mm" data-fix="0" class="cell big" style="position: relative; right: 10px"></div>
</div>
<div class="cell-20"></div>
</div>
</div>
<div class="col-1-5">
<div class="cell big newline"> </div>
<div data-type="label" class="cell big inline" data-device="WetterProplanta" data-get="fc3_date" data-substitution="toDate().ee()" data-limits-get="fc3_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div class="small inline" data-type="symbol" data-device="WetterProplanta" data-hide="fc3_frost" data-icon="fa-snowflake-o" data-color="#5858FA" data-hide-on="0"></div>
<div data-type="label" class="cell big" data-device="WetterProplanta" data-get="fc3_date" data-limits-get="fc3_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc3_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_weatherDay" class="cell"></div>
<div class="row">
<div class="cell-20"></div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMax" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; left: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_chOfRainDay" data-unit="%" class="cell big newline top-space-3x" style="position: relative; left: 10px"></div>
</div>
<div class="cell-20">
<div class="cell big compressed" data-type="symbol" data-icon="fa-thermometer-3" data-color="#6E6E6E"></div>
<div class="cell big compressed" data-type="symbol" data-icon="fa-umbrella" data-color="#6E6E6E" style="position: relative; top: 10px"></div>
</div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc3_tempMin" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; right: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc3_rain" data-unit="mm" data-fix="0" class="cell big" style="position: relative; right: 10px"></div>
</div>
<div class="cell-20"></div>
</div>
</div>
<div class="col-1-5">
<div class="cell big newline"> </div>
<div data-type="label" class="cell big inline" data-device="WetterProplanta" data-get="fc4_date" data-substitution="toDate().ee()" data-limits-get="fc4_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div class="small inline" data-type="symbol" data-device="WetterProplanta" data-hide="fc4_frost" data-icon="fa-snowflake-o" data-color="#5858FA" data-hide-on="0"></div>
<div data-type="label" class="cell big" data-device="WetterProplanta" data-get="fc4_date" data-limits-get="fc4_frost" data-limits='[0,1]' data-colors='["white","#5858FA"]'></div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc4_weatherDayIcon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_weatherDay" class="cell"></div>
<div class="row">
<div class="cell-20"></div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMax" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; left: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_chOfRainDay" data-unit="%" class="cell big newline top-space-3x" style="position: relative; left: 10px"></div>
</div>
<div class="cell-20">
<div class="cell big compressed" data-type="symbol" data-icon="fa-thermometer-3" data-color="#6E6E6E"></div>
<div class="cell big compressed" data-type="symbol" data-icon="fa-umbrella" data-color="#6E6E6E" style="position: relative; top: 10px"></div>
</div>
<div class="cell-20 top-space">
<div data-type="label" data-device="WetterProplanta" data-get="fc4_tempMin" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]' style="position: relative; right: 10px"></div>
<div class="cell big newline"> </div>
<div data-type="label" data-device="WetterProplanta" data-get="fc4_rain" data-unit="mm" data-fix="0" class="cell big" style="position: relative; right: 10px"></div>
</div>
<div class="cell-20"></div>
</div>
</div>
</div>
Lustig, das hat jetzt nichts mit der Frostwarnung zu tun, ich habe deinen Code bei mir getestet und dabei folgendes festgestellt:
data-get="fc2_weatherDayIcon"
gibt nicht das gleiche Symbol wie
data-get="fc2_weatherDay"
??
Vielen Dank schon mal für deine zügige Antwort. Ich bin ziemlich neu in Sachen FHEM und TabletUI und möchte mir eine kleine Informations und Bedienungszentrale bauen. Dazu möchte ich ein IPad 2 nutzen. Ich habe derzeit meine Rollläden und einige RGBW Milight Komponenten verbaut, auch den Müllabfuhrkalender habe ich eingerichtet, wobei dieser in Moment nur über die FHEM Oberfläche läuft. Wie gesagt, ich versuche mich gerade an diesen Sachen und es macht Spaß wenn es denn am Ende funktioniert.
Ich habe jetzt den Quellcode kopiert, nun sieht es folgendermaßen aus. Ich sende noch einmal die komplette html. Es wäre natürlich schöner wenn man das ganze so sieht wie bei Dir auf dem beigelegtes Fotos in dem die einzelnen Tage in extra Fenster untergebracht sind.
Jeder fängt mal klein an :) Vielen Dank schon mal für die Hilfe
Zitat von: smile7779 am 30 Dezember 2018, 08:17:27
Ich habe jetzt den Quellcode kopiert, nun sieht es folgendermaßen aus. Ich sende noch einmal die komplette html.
Dass das Fenster nicht vollständig genutzt wird, könnte an der Konfiguration des Gridsters liegen, jedenfalls nicht am Code für die Wettervorhersage; der teilt den verfügbaren Platz in 5 Spalten auf.
ZitatEs wäre natürlich schöner wenn man das ganze so sieht wie bei Dir auf dem beigelegtes Fotos in dem die einzelnen Tage in extra Fenster untergebracht sind.
Mir ist nicht ganz klar, was Du damit meinst. Die 5-Tage-Vorschau habe ich immer in
einem Fenster gehabt (wobei ich aus Platzgründen über Swiper noch 2 weitere Tage sichtbar mache; das habe ich der Übersichtlichkeit halber im übermittelten Code weggelassen). Unabhängig davon gibt es auf meiner Startseite noch detailliertere Daten für heute und morgen (s.u.). Den Code hatte ich irgendwann irgendwo schon einmal gepostet; die aktuelle Version lautet:
<li data-row="3" data-col="4" data-sizex="4" data-sizey="4" class="semitransparent">
<div>
<div class="sheet top-space">
<div class="row">
<div class="col-1-6">
<div data-type="label" class="cell top-space narrow">06:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather06Icon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp06" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain06" data-unit="mm" class="cell big"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain06" data-unit="%" class="cell big"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space narrow">09:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather09Icon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp09" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain09" data-unit="mm" class="cell big"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain09" data-unit="%" class="cell big"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space narrow">12:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather12Icon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp12" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain12" data-unit="mm" class="cell big"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain12" data-unit="%" class="cell big"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space narrow">15:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather15Icon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp15" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain15" data-unit="mm" class="cell big"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain15" data-unit="%" class="cell big"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space narrow">18:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather18Icon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp18" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain18" data-unit="mm" class="cell big"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain18" data-unit="%" class="cell big"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space narrow">21:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc0_weather21Icon" data-imageset="kleinklima" class="cell"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_temp21" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#5858FA","white"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_rain21" data-unit="mm" class="cell big"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc0_chOfRain21" data-unit="%" class="cell big"></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-6">
<div data-type="label" class="cell top-space darker">06:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather06Icon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp06" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain06" data-unit="mm" class="cell big darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRain06" data-unit="%" class="cell big darker"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space darker">09:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather09Icon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp09" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain09" data-unit="mm" class="cell big darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRain09" data-unit="%" class="cell big darker"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space darker">12:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather12Icon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp12" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain12" data-unit="mm" class="cell big darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRain12" data-unit="%" class="cell big darker"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space darker">15:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather15Icon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp15" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain15" data-unit="mm" class="cell big darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRain15" data-unit="%" class="cell big darker"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space darker">18:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather18Icon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp18" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain18" data-unit="mm" class="cell big darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRain18" data-unit="%" class="cell big darker"></div>
</div>
<div class="col-1-6">
<div data-type="label" class="cell top-space darker">21:00</div>
<div data-type="weather" data-device="WetterProplanta" data-get="fc1_weather21Icon" data-imageset="kleinklima" class="cell half-transparent"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_temp21" data-unit="%B0C%0A" class="cell big" data-limits='[-50,0]' data-colors='["#a3a3fc","grey"]'></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_rain21" data-unit="mm" class="cell big darker"></div>
<div data-type="label" data-device="WetterProplanta" data-get="fc1_chOfRain21" data-unit="%" class="cell big darker"></div>
</div>
</div>
</div>
</div>
</li>Edit: Alternativ gibt es in FUIP eine ähnliche Wettervorhersage. Damit kenne ich mich nicht aus; den Postings zufolge hat man dort sehr schnell Erfolgserlebnisse; für Einsteiger deshalb attraktiv.
Zitat von: czcbe am 30 Dezember 2018, 01:09:54
Lustig, das hat jetzt nichts mit der Frostwarnung zu tun, ich habe deinen Code bei mir getestet und dabei folgendes festgestellt:
data-get="fc2_weatherDayIcon"
gibt nicht das gleiche Symbol wie
data-get="fc2_weatherDay"
??
Ist der Unterschied gravierend? (Habe ehrlich gesagt wenig Lust, dem hinterherzurecherchieren.)
Die Zuordnung von Icons zu den Prognosedaten ist eine nicht abgeschlossene Aufgabe, an der manche fleißigen Hände werkeln, vgl. hierzu die Postings zu DWD.
Jedenfalls habe ich noch keinen erkennbaren Widerspruch zwischen Bildern und Text feststellen können und bin deshalb zufrieden.
Irgendwas ist nun falsch, ich habe nun Deinen aktuellen Code bei mir eingefügt und nun sieht es so aus. Vielleicht kannst Du mir hier noch einen Tipp geben. Das hat irgendwas mit dem Format oder der Größe zu tun.
Vielen Dank
Nee, nicht so gravierend, aber freut mich, dass du trotzdem zufrieden bist ;D
Zitat von: smile7779 am 30 Dezember 2018, 12:34:48
Irgendwas ist nun falsch, ich habe nun Deinen aktuellen Code bei mir eingefügt und nun sieht es so aus. Vielleicht kannst Du mir hier noch einen Tipp geben. Das hat irgendwas mit dem Format oder der Größe zu tun.
Zunächst einmal ist festzuhalten, dass die von mir eingestellten Codes unterschiedliche Sachverhalte beschreiben: Zum einen eine verkürzte Vorausschau für 5 Tage, zum anderen heute und morgen in höherer Detaillierung. Letzteres nutzt 4x4 Gridster-Elemente, die bei Reihe 3 und Spalte 4 beginnen:
<li data-row="3" data-col="4" data-sizex="4" data-sizey="4" class="semitransparent"Wenn es die anderen Reihen und Spalten bei Dir nicht gibt, könnte das unerwünschte Nebenwirkungen haben. Vielleicht sollte ich noch erwähnen, dass bei mir in index.html 10 x 6 Gridster-Kacheln definiert sind:
<meta name="gridster_cols" content="10">
<meta name="gridster_rows" content="6">
<meta name="widget_margin" content="4">Außerdem ist das Ganze mit dem Fully-Browser (Android) entwickelt worden, ohne jeglichen Anspruch, dass es in anderen Umgebungen funktioniert. Wenn die Bilder zu klein und die Schrift zu groß sind, kann man im Code Hand anlegen.
Ich sehe jetzt zwei Optionen: Du setzt Dich zunächst näher mit den Grundlagen der Layoutgestaltung auseinander (vgl. Wiki), oder nutzt die Wetterlösung in FUIP.
ich brauche einmal unterstützung.
Die Schneflocke soll nicht angezeigt werden, sobald die Temperatur >4°C ist !
<div data-type="symbol" data-device="netatmo_M02_XX_XX_XX_XX_a2" data-get="temperature"
data-states='[-10,2,4]'
data-icons='["fa-snowflake-o warn", "fa-snowflake-o", "fa-snowflake-o"]'
data-colors='["#bcd3f4","yellow","transparent"]'
class="inline small" ></div>
Ich hatte es schon mit data-limits='[......]'
data-classes='["show","hide"]'
sowie data-hide="....t"
data-hide-on="..." data-hide-off="..."> probiert.
Hat jem. zufällig hierzu bereits ein fertigen Codeschnippsel ?
Danke,
Nabend!
Ich meine, du brauchst nur ein ", 5" bei data-states zu ergänzen.
Viele Grüße
Carsten
Gesendet von meinem Handy
nein, leider nicht. aktuell haben wir 7Grad und mir wird die Schneeflocke weiterhin angezeigt
<div data-type="symbol" data-device="netatmo_M02_XX_XX_XX_XX_XX" data-get="temperature"
data-states='[-10,2,4,5]'
data-icons='["fa-snowflake-o warn", "fa-snowflake-o", "fa-snowflake-o"]'
data-colors='["#bcd3f4","yellow","green"]'
class="inline small" ></div>