Skip to Content

How to remove letterboxing in a UI5 app?

Dear UI5 Experts,

I have a custom UI5 app and it loads in Letterbox mode by default. I have tried to override this by using the "fullWidth" :true property in the sap.ui section of manifest.json, sap.ui5.config section, and in the metadata of component.js.

But for some reason, this doesn't seem to work.

The code looks like this:

metadata : { manifest: "json", config: { fullWidth: true } }, // in component.js

"config": { "fullWidth": true }, // in manifest.json

This is a standalone app, running in the browser. I'm using the app descriptor version 1.4.0, using UI5 libraries from the CDN link.

Any suggestions on possible issues?

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    Oct 05, 2017 at 01:14 PM

    In your index.html you should be able to set this

    new sap.m.Shell({
    	appWidthLimited: false,
            app: new sap.ui.core.ComponentContainer({
            ....

    Regards,

    Jamie

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Oct 05, 2017 at 10:27 AM

    Hi, Can you provide screenshot of letterbox?

    Add comment
    10|10000 characters needed characters exceeded