/ full-screen

Full screen applications with SAPUI5

SAPUI5 applications are by default letterboxed. This is the standard in the Fiori Guidelines and should be the best choice for most of your applications. But what about desktop apps that could use a bit more screen real estate?

Running a full-screen app in the Fiori Launchpad Shell
There are two properties in your app descriptor file (manifest.json) which can be used to set the Fiori application to full-screen:

"sap.ui": {
    "fullWidth": true // Option 1
}

"sap.ui5": {
    "config": {
        "fullWidth": true // Option 2
    }
} 

manifest.json

The sap.ui5.config.fullWidth setting is a legacy option from the time that configuration parameters were passed directly to the Component when booting your application. Going forward, the best option would be to use sap.ui.fullWidth which is part of the API of the app descriptor.

What about Web Apps using index.html?
The above setting will make your application full-screen when running in the Fiori Launchpad Shell. However, when you want to run a standalone full-screen app using index.html, you will need to make one more change

sap.ui.getCore().attachInit(function() {
    new sap.m.Shell({
        appWidthLimited: false, // Add this line
        ..
    }).placeAt("content");
});

index.html

Full screen applications with SAPUI5
Share this