[tablet-UI] Frostwarnung

[smile7779]

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  :)

[Ulm32b]

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.

Code Auswählen Erweitern


<div class="row">

<div class="col-1-5">
<div class="cell big newline">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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">&nbsp;</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>

[czcbe]

Lustig, das hat jetzt nichts mit der Frostwarnung zu tun, ich habe deinen Code bei mir getestet und dabei folgendes festgestellt:

Code Auswählen Erweitern

data-get="fc2_weatherDayIcon"

gibt nicht das gleiche Symbol wie

Code Auswählen Erweitern

data-get="fc2_weatherDay"

??

[smile7779]

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

[Ulm32b]

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.

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.

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:

Code Auswählen Erweitern

<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.

[Ulm32b]

Lustig, das hat jetzt nichts mit der Frostwarnung zu tun, ich habe deinen Code bei mir getestet und dabei folgendes festgestellt:

Code Auswählen Erweitern

data-get="fc2_weatherDayIcon"
gibt nicht das gleiche Symbol wie

Code Auswählen Erweitern

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.

[smile7779]

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

[czcbe]

Nee, nicht so gravierend, aber freut mich, dass du trotzdem zufrieden bist 

[Ulm32b]

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:

Code Auswählen Erweitern

<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:

Code Auswählen Erweitern

<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.

[bjoernbo]

ich brauche einmal unterstützung.

Die Schneflocke soll nicht angezeigt werden, sobald die Temperatur >4°C ist !

Code Auswählen Erweitern

<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

Code Auswählen Erweitern

data-limits='[......]'
        data-classes='["show","hide"]'

sowie

Code Auswählen Erweitern

data-hide="....t"
data-hide-on="..." data-hide-off="..."> probiert.

Hat jem. zufällig hierzu bereits ein fertigen Codeschnippsel ?

Danke,

[cpepmoeller]

Nabend!
Ich meine, du brauchst nur ein ", 5" bei data-states zu ergänzen.

Viele Grüße
Carsten

Gesendet von meinem Handy

[bjoernbo]

nein, leider nicht. aktuell haben wir 7Grad und mir wird die Schneeflocke weiterhin angezeigt

Code Auswählen Erweitern

<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>