How to make a worklist fiori application as full screen

[Former Member]

Dear Fiori expert,

Does anybody know how to make a worklist application as full screen? Currently it looks like below

But I'd like it to be full of screen, and no blank blue area. I tried to add statement fullWidth : true in manifest.json, but it doesn't work.

Anyone has similar experience?

Thank you so much.

Kind Regards,

Emily

[Former Member]

Hi Chantele,

Thanks for your reply. I didn't use Semantic:Fullscreen Page and if now I switch to semantic full screen page, it leads much effort for code change.

I follow Prasanna's solution and it works.

Kind Regards,

Emily

[boghyon · Accepted solution]

If the application is supposed to run within the launchpad, make sure that the app has no own `sap.m.Shell` control since the launchpad has its own shell. Afterwards, the `fullWidth` should be configured in the manifest.json section `/sap.ui`.

{
  "sap.ui": {
    "fullWidth": true | false

See https://stackoverflow.com/a/56137602/5846045 for more details.

[former_member186099]

Hi Emily,

Metadata section in the component.js file should include the config and not the manifest file. Try this, and it shall work. Hope this helps.

			metadata : {
				manifest: "json",
				config : {
					fullWidth : true
						}
			},

Thanks,

Prasanna

[Former Member]

Hi Prasanna,

Very helpful, thank you so much, it works now.

Kind Regards,

Emily

[former_member513998]

hi,

In recent version if you want to make use of Full screen for your application , you need to update/add fullWidth statement under sap.ui section of manifest.json file.

"sap.ui": {

"fullWidth": true,

"technology": "UI5",

.............

}