Konfiguration: UI-Gruppe ui-group

Jede Gruppe wird innerhalb einer ui-page als Teil eines Layouts gerendert. Jedes Layout unterscheidet sich darin, wie diese Gruppen gerendert werden, aber grundsätzlich ist eine Gruppe eine Sammlung von Widgets und hat im Allgemeinen ein Label, um den Inhalt einer einzelnen Gruppe zu kategorisieren.

Eigenschaften

Prop	Description
Name	Beschreibender Name für diese Gruppe, wird im Node-RED Editor und als Label im Dashboard angezeigt.
Seite	Die Seite (ui-page), auf der diese Gruppe gerendert wird.
Typ	Bestimmt, ob die Gruppe als Standardgruppe oder als Dialog erscheint, der manuell mit ui-control ausgelöst werden muss. Sie können zwischen den Typen 'Standard' und 'Dialog' wählen.
Größe	Die Breite und Höhe der Gruppe. Die Höhe wird immer durch diesen Wert verstärkt, die Höhe ist im Allgemeinen eine Mindesthöhe und wird erweitert, um den Inhalt zu passen.
Klasse	Alle benutzerdefinierten CSS-Klassen, die Sie der Gruppe hinzufügen möchten.
Standardzustand	Sichtbarkeit - Definiert die Standardsichtbarkeit dieser Gruppe. Interaktivität - Bestimmt, ob die Gruppe und ihr Inhalt beim Laden der Seite deaktiviert/aktiviert sind. Beide können vom Benutzer zur Laufzeit mit einem ui-control-Knoten überschrieben werden.

Typ

Definiert, wie die Gruppe angezeigt wird. Entweder als reguläre (Standard) Gruppe oder als Dialog Gruppe. Eine 'Standard' Gruppe ist standardmäßig sichtbar, während eine 'Dialog' Gruppe manuell mit dem ui-control Knoten ausgelöst werden muss (siehe Dokumentation). Sie können zwischen diesen beiden Optionen basierend auf Ihren Layoutanforderungen wählen.

Standardgruppen

Beispiel, wie die Option 'Standard' aussieht

Dialoggruppen

Beispiel, wie die Option 'Dialog' aussieht