In this exercise, we will switch the page layout to flexible column layout by making usage of the SAP Fiori tool Page Map.
Flexible column layout splits the screen into several areas, allowing faster navigation between the List Report line items.
(1) In the SAP Business Application Studio explorer pane, right-clicking on
opens a shortcut menu.
Alternatively, choose Fiori: Show Page Map via Command Palette.
(3) The Page Map is opened in a separate tab, showing pages and navigations.
If not already shown, open up pane Global Page Settings
by clicking icon in the top right corner of the Page Map.
(4) Click radio button for Flexible Column Layout.
(5) Select Mid-Expanded for options
- Select Layout for 2 Columns
- Select Layout for 3 Columns
(7) Switch to the preview browser tab. If the app is still open from the previous exercise, navigate back to the Fiori Launch Page and refresh the browser.
Now start the app again by clicking the launchpage icon. In the List Report, select a line item to open Object Page.
(8) The page is shown in flexible column layout.
Select another List Report line item in order to display its details in the Object Page.
(9) In the top right corner of the Object Page, click icon Enter Full Screen .
The List Report column is closed, and the Object Page is shown full screen.
You can toggle back to split layout by clicking icon Exit Full Screen .
You've now enabled flexible column layout (FCL) for the app. FCL is supported for up to 2 navigation levels, splitting the screen into three areas.
Continue to - Exercise 3 - Configuring the App