docs

Flexible Column Layout

The sap.f.FlexibleColumnLayout control implements the list-detail-detail paradigm by displaying up to 3 pages in separate columns.

The control is suitable for apps that need to display several logical levels of related information side by side, for example, a list of items, item, sub-item. It is flexible in a sense that the app can focus the user’s attention on one particular column by making it larger or even fullscreen.

• Control Structure
  The sap.f.FlexibleColumnLayout contains 3 instances of sap.m.NavContainer – one for each column.
• Types of Layout
  Overview of the possible layouts for an sap.f.FlexibleColumnLayout, as defined in the sap.f.LayoutType enumeration.
• Layout Arrows
  Layout arrows are used to alter the current layout of the FlexibleColumnLayout.
• Reacting to Layout Changes
  The FlexibleColumnLayout control provides the stateChange event.
• [Changing the Layout and Loading Views (Best Practices)](changing-the-layout-and-loading-views-best-practices-607a316.md “”)

Related Information

API Reference: sap.f.FlexibleColumnLayout

This site is open source. Improve this page.