VIS2 Basic Eingegebener Wert Widget

[Cyberraph]

Hallo zusammen!

Da ich nicht unbedingt sicher bin, ob ich der Fehler bin oder nicht.

Hier kurz meine Frage zum o.a. Widget im VIS2.

Ich habe heute auf die neue VIS2 Version 2.12.12 updated.

Das Widget "Eingegebener Wert" hat sich nun verändert, das ich in meiner Visu hab.

Es lässt sich die Textfarbe nicht mehr individuell einstellen.

Ist das bei euch auch jetzt fixiert auf das Standard Weiß?

Mein erstelltes Widget, was ich in den Bildern seht.

Spoiler

[
  {
    "tpl": "tplValueInput",
    "data": {
      "bindings": [],
      "oid": "alias.0.Smarthome-Raphael.05-Aussen.01-Terasse-EG.Aussensensor.ACTUAL",
      "numeric": false,
      "autoSet": false,
      "html_append": "°C",
      "html_prepend": "Außentemperatur",
      "readOnly": true,
      "autoFocus": false,
      "g_css_border": true,
      "g_css_background": true,
      "noStyle": false,
      "withEnter": false,
      "variant": "standard",
      "g_css_font_text": true
    },
    "style": {
      "bindings": [],
      "left": "20px",
      "top": "67px",
      "width": "280px",
      "height": "42px",
      "display": "",
      "position": "",
      "newLine": false,
      "absoluteWidth": "251px",
      "z-index": "15",
      "overflow-x": "",
      "border-style": "solid",
      "background-color": "rgba(127,226,39,0.19)",
      "background-repeat": "",
      "background-clip": "",
      "border-width": "1",
      "border-radius": "",
      "border-color": "rgba(32,222,43,1)",
      "color": "rgba(54,23,212,1)",
      "text-align": "",
      "text-shadow": null,
      "font-family": null,
      "font-style": null,
      "font-variant": null,
      "font-weight": null,
      "font-size": null,
      "line-height": null,
      "letter-spacing": null,
      "word-spacing": null
    },
    "widgetSet": "basic",
    "_id": "i000001"
  }
]

[sigi234]

@cyberraph

Was willst du mit dem Widget?

Nur Anzeige oder einen Wert setzen?

[skvarel]

@Cyberraph

Da liegt ein 'Style' drauf, der deine Einstellungen überschreibt.

Ich würde bei einer Anzeige eher auf ein HMTL Widget mit Binding gehen.

Beispiel:

[
  {
    "tpl": "tplHtml",
    "data": {
      "bindings": [],
      "html": "Aussentemperatur<br>{alias.0.Aussenbereich.Teichtechnik.Teichtemperatur} °C",
      "refreshInterval": null,
      "g_common": true,
      "g_css_border": true,
      "g_css_background": true,
      "g_css_font_text": true
    },
    "style": {
      "bindings": [],
      "left": "757.9499969482422px",
      "top": "329px",
      "width": "280",
      "height": "71",
      "border-width": "1",
      "border-style": "solid",
      "border-color": "rgba(32,222,43,1)",
      "border-radius": null,
      "background": null,
      "background-color": "rgba(127,226,39,0.19)",
      "background-image": null,
      "background-repeat": null,
      "background-attachment": null,
      "background-position": null,
      "background-size": null,
      "background-clip": null,
      "background-origin": null,
      "color": "rgba(54,23,212,1)",
      "text-align": null,
      "text-shadow": null,
      "font-family": null,
      "font-style": null,
      "font-variant": null,
      "font-weight": null,
      "font-size": null,
      "line-height": null,
      "letter-spacing": null,
      "word-spacing": null
    },
    "widgetSet": "basic",
    "_id": "i000001"
  }
]

[skvarel]

Die Größe der Schrift lässt sich natürlich noch anpassen

Die Abstände vom Text zum Rand, stellst du hier ein:

Widget Export:

[
  {
    "tpl": "tplHtml",
    "data": {
      "bindings": [],
      "html": "Aussentemperatur<br><font size=5px>{alias.0.Aussenbereich.Teichtechnik.Teichtemperatur} °C",
      "refreshInterval": null,
      "g_common": true,
      "g_css_border": true,
      "g_css_background": true,
      "g_css_font_text": true,
      "g_css_shadow_padding": true
    },
    "style": {
      "bindings": [],
      "left": 824,
      "top": 365,
      "width": "280",
      "height": "71",
      "border-width": "1",
      "border-style": "solid",
      "border-color": "rgba(32,222,43,1)",
      "background-color": "rgba(127,226,39,0.19)",
      "color": "rgba(54,23,212,1)",
      "padding": "",
      "padding-left": "10",
      "padding-top": "5"
    },
    "widgetSet": "basic",
    "_id": "i000001"
  }
]

[skvarel]

@sigi234 sagte in VIS2 Basic Eigegebener Wert Widget:

@cyberraph

Was willst du mit dem Widget?

Nur Anzeige oder einen Wert setzen?

.. er möchte nur lesen:

[sigi234]

@skvarel sagte in VIS2 Basic Eigegebener Wert Widget:

.. er möchte nur lesen:

Jupp, habe ich gesehen. Daher die Frage.Wäre ja dann das falsche Widget was er nimmt.

[Cyberraph]

@sigi234 @skvarel
Danke für euren Input - und für den kurzen Crashkurs von dir skvarel :-).

Ich dachte auch, dass ich global einen Wert vorgegeben habe für den Schrift-Style.

Ich werde demnächst ein anderes Widget verwenden für "nur lesen" bzw. nur den Wert anzuzeigen.
Bzw. so wie du es hier zeigst.
War auch einer meiner ersten Versuche im ioBroker vor gut einem halben Jahr,
daher dieses "willkürliche Widget" für das Anzeigen meines Temperaturwertes.

Dennoch ist mir das Verhalten ein Rätsel, warum es mir beim Schrift-Style hier keine Änderung anzieht.
Jetzt hätte ich es mit einem komplett frischen Projekt versucht.

Ohne, dass im globalen Seite - Schrift Style etwas vorgegeben wird.

Dennoch übernimmt er mir beim Eingegebener Wert Widget
keines der verschiedenen Attribute wie Schriftfarbe oder Text mittig angeordnet.
Sehr komisch.

Siehe new project nachfolgende Bilder bzw. ZIP Export des Projektes.

2025-08-08-New project.zip

Ich wüsste nicht wo ich bis auf bei "Seite" sonst noch wo eine globale Style Einstellung machen könnte.

PS:
Ich muss meinen ersten Post korrigieren.
Der Standard Schriftfarbe Style dürfte Schwarz sein (nicht Weiß, wie ich schrieb).

Ich hatte nämlich eigentlich bei "Seite" in all meinen Projekten
überall eine "fast Weiß" Schriftfarbe gesetzt, damit bei all meinen Geräten (die schwarzen Hintergrund haben),
die Schriftfarbe Weiß dargestellt wird. Und nicht in Schwarz wie es im Standard der Fall ist ohne Schriftfarbe-Style.

Siehe Bilder.

[Cyberraph]

Noch ein Verhalten, das bei mir auftritt.

Stelle ich im Editor die Oberfläche auf helle Darstellung wird in der Runtime die Schriftfarbe Schwarz.

Stelle ich im Editor die Oberfläche auf dunkle Darstellung wir in der Runtime die Schriftfarbe Weiß.

Schriftfarbe ... dort wo ich im Style keine eigene Schriftfarbe eingestellt habe.

Runtime ... nicht im Editor sondern eingenständig im Browser geladen (das im Bild zu sehen ist).

Ist das bei euch auch so?

Es scheint aber so, dass dies hier etwas mit dem Firefox Browser bei mir am PC zu tun hat.

Am Android Handy mit der ioBroker Visu App bleibt die Schriftfarbe immer Schwarz.

Sehr komisch das ganze.

[skvarel]

Ich kann da leider nur bedingt helfen.

Ich bin zwar seit rund 8 Jahren beim ioBroker und der VIS, allerdings beschäftige ich mich nur mit unseren inventwo Widgets.

Bei Fragen zu anderen Widgets, bin ich der falsche Ansprechpartner.