PageLayout 

With PageLayout you can divide a page into several areas. The PageLayout must always be used as a root element of a view. It should only be used once in an application in the top view of the view hierarchy.

PageLayouts can contain up to nine areas. Each area or panel (PagePanel) can have a different background color and border. The width of a PageFullWidthPanel is always 100%.

Example of the Visual Display

 

Runtime Class

CL_WD_PAGE_LAYOUT

 

Properties in the View Designer

Name	Type	Initial Value	Bindable
id	STRING	(automatic)	No

 

Aggregations in the View Designer

Name	Cardinality	Type
BEGIN	0..1	PagePanel
BOTTOM	0..1	PageFullWidthPanel
CENTER	0..1	PagePanel
END	0..1	PagePanel
INNER_BEGIN	0..1	PagePanel
INNER_BOTTOM	0..1	PageFullWidthPanel
INNER_END	0..1	PagePanel
INNER_TOP	0..1	PageFullWidthPanel
TOP	0..1	PageFullWidthPanel

Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:

●        ViewElement

Dynamic Programming

For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. Bear in mind the different spellings.

Dynamic Programming of Aggregations

View Designer Name	Runtime Name	Cardinality
BEGIN	BEGIN	0..1
BOTTOM	BOTTOM	0..1
CENTER	CENTER	0..1
END	END	0..1
INNER_BEGIN	INNER_BEGIN	0..1
INNER_BOTTOM	INNER_BOTTOM	0..1
INNER_END	INNER_END	0..1
INNER_TOP	INNER_TOP	0..1
TOP	TOP	0..1

 

Example

You can find an example of this UI element in the system in the demo_uiel_page_layout Web Dynpro application (component DEMO_UIEL_PATTERN).