Step 12: Shell Control as Container


Now we use a shell control as container for our app and use it as our new root element. The shell takes care of visual adaptation of the application to the device’s screen size by introducing a so-called letterbox on desktop screens.


Step 12: Shell Control as Container - 第1张  | 优通SAP


You can view and download all files at Walkthrough – Step 12.

The shell control is now the outermost control of our app and automatically displays a so-called letterbox, if the screen size is
larger than a certain width.


We do not add the Shell control to the declarative UI definition in the XML view, because apps that run in an external shell, like the SAP Fiori launchpad, there will already be a shell around the component UI.

There are further options to customize the shell, like setting a custom background image or color and setting a custom logo. Check the
related API reference for more details.



10 − 3 =