Hallo zusammen,
ich habe folgendes Problem:
Ich stelle mir gerade eine Wetteranzeige für's Tablet zusammen.
Soweit funktioniert alles prima aber ich bekomme die Anzeige der Wetterwarnung nicht hin.
Irgendwie hat die Verwendung data-warn-icon und data-warn-class keinen Effekt.
So sieht die Definition aus:
<div data-type="weather"
data-device="Wetter_Proplanta"
data-get="fc0_weatherMorningIcon"
data-imageset="kleinklima"
class="cell tiny"
data-warn="DWD:a_count"
data-warn-icon="fa-warning"
data-warn-class="gigantic">
</div>
Das was ich erhalte ist eine Warnung mit der Anzahl der Warnungen, nicht das spezifizierte Icon, und die Größe ist alles andere als gigantic.
(Siehe Anhang)
Ich kenne mich da nicht wirklich aus aber habe mal einen Blick in das Widget geworfen.
Kann es sein dass eine warnElem.css benötigt wird (die wäre in meinem CSS Verzeichnis nicht vorhanden)
Falls ja, wo kann ich die her bekommen, falls nein, wo könnte das Problem liegen.
Ich hoffe das Problem sitzt nicht vor der Tastatur :)
Vielen Dank schon mal.
Was ist das "<" am Ende ??? ?
Zeig mal bitte ein grösseres Teil deines Codes (was vorne und hinten steht)
Die "warn" css-Klasse ist in fhem-tablet-ui.css definiert.
Sind die fa-... Dateien in deinem ./www/tablet/font Verzeichnis vorhanden?
Hi,
ja, die fa-Dateien sind vorhanden und werden an anderen Stellen verwendet. Das klappt auch.
Ich weiß nicht ob das nur ein Feature des weather widgets ist, aber die Größenanpassung des Warn-Symbols klappt nie.
Allerdings kann ich bei anderen Widgets, wie z.B. beim Switch ohne Probleme das Icon und auch die Farben ändern. Beim weather widget ist keinerlei Anpassung des Warn möglich. das < am Ende war ein Tippfehler. Hier der größere Ausschnitt (die ungewöhnlichen Farbbezeichnungen sind von mir):
div data-type="label"
class="cell activegray">
morgens
</div>
<div data-type="weather"
data-device="Wetter_Proplanta"
data-get="fc0_weatherMorningIcon"
data-imageset="kleinklima"
class="cell tiny"
data-warn="DWD:a_count"
data-warn-icon="fa-warning"
data-warn-class="gigantic">
</div>
<div data-type="label"
data-device="Wetter_Proplanta"
data-get="fc0_weatherMorning"
class="cell top-narrow activegray">
</div>
<div data-type="label"
data-device="Wetter_Proplanta"
data-get="fc0_temp06"
data-unit="%B0C%0A"
data-limits='[-50,0]'
data-colors='["#5858FA","activegray"]'
class="cell bigger">
</div>
Hab ein bisschen im Code geschaut, und ich finde nichts wegen data-warn-icon und data-warn-class...
(ich habe aber gefunden, wo Du warnElem.css gefunden hast. Das hast Du aber falsch interpretiert ;) )
Dank Dir für Deine Mühe.
Ich hab das aus dem Wiki und da ist das sogar mit einem Beispiel verdeutlicht. Vielleicht ist das nicht mehr aktuell (?)
Allerdings geht ja bei anderen Widgets als bei weather zumindest das Ändern des Icons und auch Farbanpassungen. Nur bei weather geht nichts von allem.
Ja, ich habe das auch im Wiki gesehen. Aber passende Code-Zeilen nicht (mehr?)
Es gab vor 2 Jahren ein grosses refactoring des Widgets. Aber selbst vor diesem, habe ich nichts gefunden. Was mich irritiert ist, dass genau dieses Beispiel erst in Dez 2019 hinzugefügt wurde. Ich muss etwas übersehen haben.
Aha ! Jetzt weiss ich!
Die Wiki Seite beschreibt Änderungen, die in diesem Thread sind https://forum.fhem.de/index.php/topic,96954.msg901188.html#msg901188
Im dort angehängten Widget findet man die zusätzliche warn- Parameter. Im Github Repository... noch nicht :)
Hi,
tausend Dank für Deine Hilfe! Funktioniert bestens.
Zitat von: Magratheus am 27 Juni 2020, 09:20:34
Hi,
tausend Dank für Deine Hilfe! Funktioniert bestens.
Dann mach mal bitte noch ein [gelöst] o.ä. vor dem Titel des ersten Posts
Und ich würde mich freuen, wenn Du noch eine Bildschirmkopie des Ergebnisses zeigst ;)
Aber gerne doch.
Im Anhang die verschiedenen Icons und hier die Definitionen dazu:
Erstes Symbol:
data-warn-class="big"
data-warn-icon="fa-exclamation"
data-warn-background-color="green
Zweites Symbol:
data-warn-class="bigger"
data-warn-icon="fa-warning"
Drittes Symbol:
data-warn-class="tall"
data-warn-icon="fa-exclamation-circle"
data-warn-background-color="blue"
Viertes Symbol:
data-warn-class="half-transparent grande"
data-warn-icon="mi-warning"
data-warn-color="green"
Jetzt wäre es natürlich Klasse, die data-warn-class wäre auch z.B. bei den Widgets "Switch" und "Symbol" implementiert. Da erscheint das Warnsymbol doch manchmal recht klein. Ich nutze das auch als Hinweissymbol ob z.B. eine Steckdose normal an ist oder im Timer Modus.
Wo könnte ich das denn adressieren?
Vielen Dank :)
setstate ist der Ansprechpartner (auch für die Übernahme der letzten Version von weather in Github)