Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[derrapf]

Hallo alle
Ich versuche Werte die ich in einem Textfeld anzeige auszublenden wenn sie 0 sind.
Da ich keinen Weg gefunden habe das zu tun habe ich versucht über folgendes JSON den Wert auf die Hintergrundfarbe zu setzen (Schwarz)
Es funktioniert aber bei mir nicht. Was mache ich denn falsch?

{
">0": {
"color": "#77967C"
},
"<=0": {
"color": "#000000"
}
}

Ich habe dazu in "Datenquelle zur Steuerung" den gleichen Datenpunkt hinterlegt wie zur Anzeige des Werts.
Aber leider wird bei mir die Schrift nicht schwarz.

Und noch was: Kann man die rechte Spalte "Konfiguration des Elements" bitte so einstellen dass sie nicht ständig auf und zu klappt? Denn manchmal geht das nicht.
Hier zum Beispiel: Ich kann so oft auf das gestrichelte Feld klicken wie ich will, rechts kommt nichts:

Ich hab genug Platz auf dem Monitor dass die aufbleiben kann. Wenn das noch nicht geht: Das wäre dann ein Feature Request. Einfach eine kleine Stecknadel als Icon oben links zu festpinnen.

Gruss Ralf

[derrapf]

Hallo alle
Noch eine Frage: Welche Fonts stehen mir zur Verfügung? Leider gibt es im Feld für die Fonts keine Auswahlbox, sondern man muss diese selbst eintragen. Jetzt kann ich also Fonts würfeln,
Ich verwende die Darstellung in einem IFrame in VIS und würde dafür gerne den in VIS vorhandenen LCARS Font verwenden. Ist das irgendwie möglich? Denn wenn ich "lcars" eintrage als Font, bekomme ich den Text in irgend einer Serifen Schrift.
Gruss Ralf

[derrapf]

sagte in Support Adapter Energiefluss-erweitert v0.7.7:

Ich versuche Werte die ich in einem Textfeld anzeige auszublenden wenn sie 0 sind.

Ich habe es (dank Copilot) mit folgendem JSON hinbekommen:

[
{
"property": "value",
"value": "",
"operator": "<=",
"threshold": 0,
"type": "value"
}
]

ABER:
Das funktioniet nur wenn man die Einheit weglässt. Sonst wird zwar der Wert ausgeblendet, aber es steht immer noch "W" irgendwo in der Landschaft.
OK. Das könnte man noch irgendwie workarounden.
Aber:
Dadurch das das Feld ausgeblendet ist, ist es nun auch im Editor weg. Ich kann es nicht mehr editieren. Das ist natürlich sehr suboptimal um das mal höflich zu formulieren. Die Ausblendung darf natürlich nur im Betrieb erfolgen, aber doch nicht in der Konfiguration!
Oder mach ich wieder was falsch?
Gruss Ralf

[SKB]

@derrapf Ja, du machst etwas falsch 😉
Weder ChatGPT noch Copilot wissen, wie das Programm funktioniert.

Deine Belange sind auf den Hilfeseiten zu Hauf dokumentiert und beschrieben. Auch, wie man einen solchen Wert per Überschreibung ausblendet oder bearbeitet.

Nicht umsonst gibt es in der Konfig eine Lasche mit der Beschriftung "Hilfe/Wiki"

[skvarel]

Nur ein Lob an dieser Stelle. Vielen Dank für den Adapter!

EDIT:

Ich denke, man wird nie richtig fertig ;)

Neue, weitere Icons. Jetzt ist die Heizung auch drin und für die Teichtechnik steht dort nun eine Pumpe.

[derrapf]

@SKB sagte in Support Adapter Energiefluss-erweitert v0.7.7:

@derrapf Ja, du machst etwas falsch 😉
Nicht umsonst gibt es in der Konfig eine Lasche mit der Beschriftung "Hilfe/Wiki"

Für die die auch das Problem haben: Ich habe es jetzt so hinbekommen:

{
"<=0": {
"display": "none"
},
">0": {
"display": "inline"
}
}

(PS: An die Admins: Wenn ich das JSON oben in Code-Tags stelle, verschwinden die geschweiften Klammern, sobald man "<=" schreibt. Bei "<" sind sie noch da. Sobald ich ein = hinzufüge verschwinden die Klammern)

Wenn man einen Wert z.B. nur ausblenden will, wenn er Null ist aber nicht wenn er positiv oder negative Werte hat, dann geht das so

{
    "0": {
        "display": "none"
    },
    "default": {
        "display": "inline"
    }
}

Bleibt nur noch das Font Problem. Da hab ich im Wiki nichts gefunden.
Also die Frage:
Wie verwende ich einen Font der auf dem Rechner auf dem IOBroker läuft im VIS installiert ist?
Beispiel: Ich verwende im VIS die LCARS Widgets. Diese wieder bringen einen "lcars_font" mit:

Die Energiefluss-erweitert öffne ich in VIS in einem IFrame;

Wie kann ich hier auch diesen "lars_font" verwenden? Oder geht das nicht?

Gruss Ralf

[SKB]

@derrapf Steht ja auch so im Wiki und Bedarf eigentlich keiner Wiederholung, da die Werte auch für jeden Anders sein können.

Eigene Schriftarten lassen sich per CSS Tab einbinden.
https://www.w3schools.com/css/css3_fonts.asp

[derrapf]

Sorry. Ich bin kein HTML-Programmierer und von CSS weiss ich nur, dass es es gibt. Ich dachte es gäbe da eine einfachere Möglichkeit für einfache Anwender.

[SKB]

@derrapf dafür muss man nicht programmieren können, nur kopieren und anpassen.

Wenn das zu kompliziert ist, nutzt du eben die normalen Schriftarten, die das OS zur Verfügung stellt.

[derrapf]

Da würde ich widersprechen wollen.
Man muss es verstehen. Und als Programmierer - denke ich - weiss man vieles und nimmt es als selbstverständlich was ein einfacher Anwender nicht weiss.
Beispiel: Auf der verlinkten Seite steht, folgendes Beispiel:
'''
@font-face {
font-family: myFont; /* set name /
src: url(sansation_light.woff); / url of the font /
}
'''
Woher weiss ich nun den Namen des Fonts? Ok, Ich kann mal auf IOBroker suchen ob ich was finde. Wenn ich das tue dann finde ich
/opt/iobroker/node_modules/iobroker.vis-lcars/widgets/lcars/font/lcars-webfont.woff
Jetzt gehts schon los: Da oben steht was von "URL des Fonts"
Was will er hier? Denn sowohl der komplette Pfad als auch nur der Text lcars-webfont.woff wie im Beispiel führt zu einem Fehler:


D.h. mit "kopieren" ist es nicht getan. Man muss da schon tiefer drinstecken wie CSS usw. funktioniert.
Nachdem ich Copilot konsultiert habe ergibt sich
@font-face {
font-family: "LCARS";
src: url("/vis/widgets/lcars/font/lcars-webfont.eot");
src:
url("/vis/widgets/lcars/font/lcars-webfont.eot?#iefix") format("embedded-opentype"),
url("/vis/widgets/lcars/font/lcars-webfont.woff") format("woff"),
url("/vis/widgets/lcars/font/lcars-webfont.ttf") format("truetype"),
url("/vis/widgets/lcars/font/lcars-webfont.svg#LCARS") format("svg");
font-weight: 400;
font-style: normal;
/ font-display: swap; <- bei Bedarf wieder einschalten */
}
Hier kommt dann kein Fehler mehr . Dieses Ergebnis ist weit weg von "einfach kopieren"

Ich versuche nun weiter mein Glück. Wenn es nicht klappt bleibe ich bei der Standardansicht, da sich die Hilfe hier leider nur auf RTFM beschränkt. Aber das ist OK. Zum Bedienen eine Expertensystems muss man nun halt mal ein Experte sein was ich nicht bin. Dann bescheide ich mich mit den Möglichkeiten die ich verstehe.
Danke für die Links.
Ralf

[derrapf]

Rückmeldung für alle die es interessiert. Es funktioniert genau so wie oben angegeben. Man muss dann nur noch bei dem Datenpunkt den Font angeben den man mit font-family: "LCARS" definiert hat.
Damit ist das perfekt für mich.
Danke
Gruss Ralf