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
backgroundDesignHintergrund. Werte: Solid, Transparent, TranslucentTransparent
widthBreite (CSS-Wert)auto
heightHöhe (CSS-Wert)–
headerTextÜberschrift–
expandedAusgeklappt (bei expandable = true)true
expandableEinklappbartrue
stickyHeaderKopfzeile bleibt beim Scrollen sichtbartrue
visibleSichtbartrue
spanS / spanM / spanL / spanXLGrid-Layout12

ABAP-API ​

Zugriff aus der gebundenen Klasse über den generischen Getter me->get_control( '<controlId>' ) — einen typisierten Getter gibt es für das Panel nicht. Die Attribute setzen Sie über die geerbten Methoden set_property_value*:

AttributMethode
headerTextset_property_value( iv_key = 'headerText' iv_value = '…' )
expandedset_property_value_as_boole( iv_key = 'expanded' iv_value = abap_true )
expandableset_property_value_as_boole( iv_key = 'expandable' iv_value = abap_false )

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