In Scroll-Panels im Jitterbit App Builder unterstützte Panel-Gruppen
Panelgruppen werden innerhalb von Scrolling Panels unterstützt, um eine größere UI/UX-Flexibilität bei der Darstellung von Overflow-Informationen für Benutzer auf einem Anwendungsbildschirm zu bieten. Sie können robustere und komplexere Layouts mit Scroll-Optionen für Panels auf Seiten erstellen. Sie haben die Möglichkeit, Overflow-Panels zu stapeln und Benutzern das Scrollen (anstatt Tab) zu ermöglichen, um den gesamten Inhalt anzuzeigen.
Anwendungsfall
Derzeit werden bei scrollenden Seiten und Panelgruppen alle enthaltenen Panels vertikal mit einer Breite von 100 % gestapelt, was für ein schmales Mobilgerät angemessen erscheint. Bei einem Desktop- oder Tablet-Gerät wäre es schön, wenn enthaltene Panels auch nebeneinander angezeigt würden. Dadurch ließen sich aufwändigere Präsentationen mit vielen Panels erstellen. Denken Sie an Facebook, Twitter und Instagram. Diese Plattformen verfügen alle über lange, scrollende Panel-Sammlungen, die gestapelte und nebeneinander angeordnete Layouts kombinieren. Als Beispiel sehen Sie sich den folgenden Screenshot an:
Übersicht
Das Verhalten beim Definieren von Panelgruppen innerhalb von Scroll-Seiten und-Gruppen rendert die enthaltenen Gruppen und Panels wie von den Gruppen definiert. Sie können gestapelte und nebeneinander angeordnete Panelgruppen so tief mischen und verschachteln, wie es erforderlich ist, um die gewünschte Struktur zu erstellen.
Wenn der Scroll-Container auf ein untergeordnetes Panel oder eine gestapelte Panelgruppe trifft, wird er erweitert, um die Breite des übergeordneten Containers auszufüllen. Die Höhe entspricht der erforderlichen Höhe, um den Inhalt vollständig darzustellen. So funktionieren Scroll-Gruppen und-Seiten jetzt.
Wenn ein Scroll-Container auf eine nebeneinander angeordnete untergeordnete Gruppe trifft, wird die nebeneinander angeordnete Gruppe wie jede andere nebeneinander angeordnete Gruppe dargestellt, wobei die Gesamtbreite der Gruppe durch das übergeordnete Layout definiert wird. So funktionieren im Grunde nicht scrollende Layouts. Die Höhe ist jedoch weiterhin so hoch wie erforderlich, um den Inhalt anzuzeigen, wie es Scroll-Container derzeit tun.
Wenn die äußere Seite zu schmal wird, wie bei einem Telefon, werden die nebeneinander angeordneten Panels vertikal gestapelt. Dies verhält sich heute eher wie ein aktueller Scroll-Container. Auf einem sehr schmalen Display haben Sie also alle Panels und Container mit einer Breite von 100 % und sind vertikal gestapelt.
So konfigurieren Sie
Um diese neue Option zu unterstützen, kann eine Scroll-Seite oder-Gruppe jetzt untergeordnete Gruppen enthalten. In diesem Beispielszenario gehen wir davon aus, dass wir etwas wie das folgende Beispiel konfigurieren werden, in dem wir ein festes linkes Panel, ein festes Fußzeilen-Panel und eine Scroll-Gruppe haben, die den Großteil der oberen rechten Ecke der Seite einnimmt. Diese Scroll-Gruppe enthält eine Sammlung verschachtelter untergeordneter Gruppen und Panels, um einen hohen Scroll-Bereich von Panels zu erstellen.
Die folgende Grafik zeigt die Sammlung der für diese bestimmte Seite definierten Gruppen:
Die folgende Grafik zeigt die Sammlung der für diese bestimmte Seite definierten Panels:
