Skip to content

Panel

Layout-Container mit optionaler Überschrift und Einklapp-Funktion. Ideal um zusammengehörige Komponenten visuell zu gruppieren.

Designer-Attribute

AttributBeschreibungDefault
controlIdEindeutige IDautomatisch generiert
headerTextÜberschriftleer
expandableEinklappbarfalse
expandedAusgeklappt (bei expandable = true)true
backgroundDesignHintergrund: Solid, Transparent, TranslucentTranslucent
widthBreite (CSS-Wert)
heightHöhe (CSS-Wert)
visibleSichtbartrue
spanS / spanM / spanL / spanXLGrid-Layout12

ABAP-API

Zugriff über me->get_panel( '<controlId>' ).

MethodeZweck
GET_HEADER_TEXT / SET_HEADER_TEXTÜberschrift
GET_EXPANDED / SET_EXPANDEDEinklappstatus
GET_EXPANDABLE / SET_EXPANDABLEEinklappbarkeit umschalten

Geerbte Methoden: siehe Control.

Verwendung

Das Panel ist ein Container – Sie ziehen beliebige Komponenten als Kinder hinein. Im View-Tree erkennen Sie das daran, dass das Panel als Eltern-Knoten weitere Komponenten aufnehmen kann.

Panel (headerText: "Adresse")
├── Label (text: "Straße")
├── Input (controlId: "txtStreet")
├── Label (text: "PLZ")
├── Input (controlId: "txtZip")
├── Label (text: "Ort")
└── Input (controlId: "txtCity")

Nächste Schritte

  • FlexBox – flexibles Layout in Reihen oder Spalten
  • IconTabBar – Tabs als Gruppierung mehrerer Bereiche