Anfängerfragen VIS-2

[io2345]

Ich hätte jetzt ein Design gefunden das mich anspricht. Allerding weiß ich nicht, welche Widget-Familie das ist. Kann mir da einer helfen?

[sigi234]

@io2345

Vis 2 - Material-Widgets
Schalter oder Knöpfe

Vis 2 - Material-Widgets
Thermostat

E-Charts

[io2345]

@sigi234 Danke dir. Ich bin wohl zu doof (oder jedenfalls zu unerfahren) dafür. Wie bringt man alleine das mit den Farben hin?
Könntest du eventuell eine klitzekleine Testseite erstellen, auf der nur das Bad- oder Gartenelement liegt und das von den Farben her so ähnlich aussieht wie im Screenshot? Natürlich nur, wenn's nicht viel Arbeit ist. Den Export dieser Seite wenn du mir zur Verfügung stellen könntest, dann komme ich vermutlich alleine weiter. Die anderen Elemente funktionieren ja wohl analog dazu.

[sigi234]

@io2345 sagte in Anfängerfragen VIS-2:

Könntest du eventuell eine klitzekleine Testseite erstellen

Bitte sehr.

VIEW_Test1_VIS2.txt

[io2345]

@sigi234 Ja super, das sieht schon mal gut aus!
Ein Problem hab ich noch. Wie bekomme ich da ein Komma rein, wenn der Wert aus dem Datenpunkt ohne ankommt? Da sollte 24,7 stehen, nicht 247:

[io2345]

@io2345 Das zweite, was noch nicht klappt, ist die Sache mit dem Hintergrund. Ich kann eine Farbe einstellen. Aber keine Farbverläufe und auch kein Hintergrundbild. Der Pfad zum Bild müsste stimmen, den kopiere ich mir ja direkt aus dem vis-2-Punkt "Dateien" raus. Und auch wenn das PNG direkt im Projektverzeichnis liegt und ich den Pfad ganz weglasse - also nur den Dateinamen eintrage - geht es nicht.
Gibt's da einen "magic trick"?

[UlliJ]

@io2345 sagte in Anfängerfragen VIS-2:

Das zweite, was noch nicht klappt, ist die Sache mit dem Hintergrund.

zeigen, bitte

[io2345]

@ullij said

zeigen, bitte

Du meinst als Screenshot? Was genau sollte darauf zu sehen sein? Ich hab mal das hier genommen:

Wobei "star-sky.png" das hier ist: star-sky.zip

[UlliJ]

@io2345
ja.
Hilft Dir jetzt nicht weiter, hier geht das mit dem Hintergrund

Das mit dem Hintergrundbild geht so bei mir auch nicht.
Du kannst ein basic image widget nehmen und das auf die volle Anzeigegröße "ziehen"

[io2345]

@ullij Danke, so bekomme ich nun zumindest mal was angezeigt:

Wollte halt möglichst einen Mix aus mehreren Widget-Arten vermeiden, aber geht wohl nicht anders.

Jetzt hab ich noch ein weiteres Problemchen: Ich würde gerne in einem weiteren Material2 Universal-Widget eine Restlaufzeit anzeigen im Format "hh:mm". Die Werte für Stunden und Minuten liegen aber in zwei unterschiedlichen Datenpunkten. Wie bekomme ich das in einer Zeile des Widgets angezeigt? Oder geht das so gar nicht?
(Vielleicht komme ich auf diesem Weg auch auf den Dreh, wie man das Komma in einen angelieferten Wert bekommt)

[UlliJ]

@io2345 sagte in Anfängerfragen VIS-2:

Jetzt hab ich noch ein weiteres Problemchen: Ich würde gerne in einem weiteren Material2 Universal-Widget eine Restlaufzeit anzeigen im Format "hh:mm". Die Werte für Stunden und Minuten liegen aber in zwei unterschiedlichen Datenpunkten. Wie bekomme ich das in einer Zeile des Widgets angezeigt?

mit Binding in einer HTML vorlage, Inhalt:

<span>{0_userdata.0.Test.Stunde}:{0_userdata.0.Test.Minute}</span>

Ersetzen von Punkt durch Komma (ebenfalls HTML Vorlage)

{v:0_userdata.0.4000_EnergieErzeugung.Zaehler.NetzbezugTotalTag;parseFloat(v).toFixed(1).replace('.',',')} kWh

[io2345]

@ullij Puuh. Diese Verbindung ist mir jetzt nicht auf Anhieb klar, da habe ich jetzt erst Mal keinen Plan, wie das zu machen wäre. Also jedenfalls nicht direkt im Widget eintragen, sondern die Daten über dieses Binding von woanders her reinladen - stimmt das so ungefähr?

Ich frag mich bei sowas immer, woher ihr sowas wisst. Gibt es denn irgendwo eine Anleitung, die ich bisher noch nicht entdeckt habe? Irgendwie muss doch jeder mal den Einstieg gefunden haben...

[OliverIO]

@ullij

Das kann man schon so machen und ist für das einzelne Szenario bei einem persönlich auch ok so.
Die korrekte Form eine number auszugeben wäre allerdings

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/toLocaleString

Wenn JavaScript und die Umgebung richtig konfiguriert ist, weiß das System, das deutsch oder entsprechend eine andere locale ist.
Wenn ihr eine große fliesskomma Zahl international ausgeben wollt wäre es dann schon komplizierter.
In US ist es genau andersrum wie in DE.
DE: 1.234.456,78
US: 1,234,456.78

Das selbe gibt es für Date auch
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleTimeString