Dashboard für Node-red erstellen

**Xenobiologist** · 30.10.2018, 18:18

Du kannst die Themes anpassen.
Ggf auch mal hier gucken

Tutorial: Node-RED dashboards - creating your own UI widget - Node RED Programming Guide

http://noderedguide.com/tutorial-node-red-dashboards-creating-your-own-ui-widget/

Node-RED’s dashboard nodes provide a comprehensive set of UI components for building basic dashboards suitable for the Internet of Things (IoT) – offering graphs, gauges, basic text as well as sliders and inputs. However, there will always be situations when you need something custom. The template node is the solution and in this tutorial we’ll … Continue reading "Tutorial: Node-RED dashboards – creating your own UI widget"

Reicht dir das, oder willst die controls verändern?

Gesendet von iPhone mit Tapatalk

**Gast** · 31.10.2018, 14:47

Mir gehts halt darum.
Möchte zB auf dem Fenster verschiedene Gruppen (Zimmer haben)
Das klappt ja soweit.
So, jetzt kann ich aber nur Buttons untereinander anzeigen und damit verschiedene Dinge steuern.
Wie bekomm ich das aber jetzt hin, das ich zb
Rollo (Button Pfeil rauf) (Button Pfeil runter) angezeigt bekomme.

**Xenobiologist** · 31.10.2018, 14:52

Du kannst Icons auswählen, dann werden diese auch auf den Buttons angezeigt.

Beispiele https://fontawesome.com/icons?d=gallery&m=free

Gesendet von iPhone mit Tapatalk

**Gast** · 31.10.2018, 15:01

Sorry für das blöde nachfragen.
Und wo kann ich ihn auswählen? Und wie bekomm ich dann beide nebeneinander?
Hab es bis jetzt nur geschafft alles untereinander zu setzen.

**Xenobiologist** · 01.11.2018, 09:51

Du kannst bei Button - icon z.B. fa-arrow-down eintragen.
Nebeneinander machst du mit Groups. Dabei kommt es auf die Bildschirmgröße an. Die Controls werden automatisch verlagert, wenn dein Monitor zu klein ist.
So kannst du dein Dashboard auch problemlos auf dem Handy bedienen.

**Gast** · 01.11.2018, 12:36

Sieht ja schonmal nicht schlecht aus, aber wie bekomm ich den Text links der beiden Buttons?
Das es geht und auch gut aussehen kann, hab ich schon festgestellt.
Ich bin leider nur völlig überfordert wie ich das hinbekomme.
Hier mal ein Beispiel.

So wärs natürlich super.

Change icon on switch

https://discourse.nodered.org/t/change-icon-on-switch/956/4

Finally I have decided to leave it like this as a bit rudimentary but made to show the expected actual status of the blind depending on the latest button pushed..... so if last action (in manual or under schedule) was to raise up the blind then up is on green and down icon on yellow, if last action was to move down then down is on green and up icon on yellow, in the case the stop button was pressed then booth up & down blind icon are shown on red as the position is not determined. Hope y...

Die Rollo von davidcgu

**Xenobiologist** · 01.11.2018, 15:42

Wo hakt es denn? Labels, Buttons, mit Icons usw kannst du ja direkt nutzen. Wo ist jetzt das Problem?
Ich würde ggf. immer die 3 Controls in eine Group packen.

Soll Test einfach nur links von up und down stehen?

Mal doch mal ein Bild wie es aussehen soll und poste das Foto.

Dashboard für Node-red erstellen

Dashboard für Node-red erstellen

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar

Kommentar