Migration - Smarthome-Components

SplitPane
Das SplitPane ist ein Layout-Element, das zwei Unterelemente horizontal oder vertikal aufgeteilt darstellen kann. Auf
diese Weise lassen sich z.B. ein Inhalt-Wechsler für die Kamera-Ansicht neben einer Kategorie anzeigen. Da unterhalb
eines SplitPanes selbstverständlich auch weitere Layout-Elemente wie andere SplitPanes und TabPanes eingefügt werden
können, ist eine grenzenlose und individuelle Layout-Anpassung des WebFronts möglich.
Aufteilung der Unterelemente
Mit der Eigenschaft “Aufteilung” lässt sich einstellen, ob die beiden Unterelemente des SplitPanes übereinander angezeigt
werden sollen (horizontale Aufteilung), oder nebeneinander (vertikale Aufteilung). Wie viel Platz die Unterelemente
bekommen, wird nun über die Eigenschaften “Größe“, “Größeneinheit” und “Verhältnis Ziel” bestimmt. Mit “Verhältnis Ziel”
lässt sich bestimmen, ob man sich bei dem über “Größe” und “Größeneinheit” einstellbaren Wert auf das erste oder zweite
Unterelement beziehen möchte. Das angezielte Element bekommt dann den Platz zugewiesen, der über die Eigenschaft
“Größe” in der eingestellten “Größeneinheit” angegeben ist.
Beispiel
Es soll ein Bild mit einer Bildbreite von 640 Pixeln rechts neben einer Kategorie angezeigt werden. Hierzu gibt man dem
SplitPane für die Eigenschaft “Aufteilung” den Wert Vertikal, setzt das “Verhältnis Ziel” auf zweites Element, “Größe” auf
640 und “Größeneinheit” auf Pixel. Nun erstellt man im WebFront-Konfigurator unterhalb des SplitPanes ein Unterelement
vom Typ Kategorie und ein Unterelement vom Typ Inhalt-Wechsler. Bei den Unterelementen ist die Positions so
einzustellen, dass die Kategorie Position 0 und der Inhalt-Wechsler Position 1 erhält. Nun können die Unterelemente so
konfiguriert werden, dass die gewünschte Kategorie und das gewünschte Bild angezeigt werden.
Eigenschaften
Titel: Titel für das Element in der TabPane-Navigation. Standardmäßig wird “SplitPane” angezeigt.
Icon: Icon, das in der TabPane-Navigation neben dem Titel angezeigt wird. Standardmäßig wird kein Icon angezeigt.
Aufteilung: Hier lässt sich auswählen, ob die Trennung der beiden Unterelemente horizontal oder vertikal erfolgen
soll. Standardmäßig wird horizontal getrennt.
Größe: Die Größe des für die Aufteilung gewählten Unterelements entsprechend der Größeneinheit. Der
Standardwert ist 50.
Größeneinheit: Hier kann ausgewählt werden, ob sich die Größe auf Prozent oder auf Pixel bezieht. Standardmäßig
werden Prozent genommen.
Verhältnis Ziel: Über diese Eigenschaft lässt sich auswählen, ob das erste oder das zweite Unterelement des
SplitPanes entsprechend der angegebenen Größenangabe angezeigt wird. Standardmäßig ist das erste Element
ausgewählt.
Rand anzeigen: Mit dieser Eigenschaft lässt sich der standardmäßig zur Trennung der Unterelemente angezeigte
Rand ein- oder ausblenden.