Skip to Content
0

How to change HCP fiori template to fullpage App?

Dec 06, 2016 at 07:20 AM

61

avatar image

In HCP template, the fiori master-detail app and fiori worklist app are all in letter box, I want it fullpage because I need bigger width to put all the UI elements..

Explore shows a full page master detail page, it uses SplitContainer. But I use UI5 chrome plugin to inspect template, it uses ComponentContainer-> App-> Page-> ShellLayout->SplitContainer-> Shell (Fullpage)-> ComponentContainer (letterbox)-> FullscreenPage

But in App.view.xml of worklist app, There is only App container:

<App id="app"
 busy="{appView>/busy}"
 busyIndicatorDelay="{appView>/delay}"/>

In Worklist.view.xml, there is only semantic.FullscreenPage

In master-detail app, there is only splitApp in App.view.xml, and MasterPage in Master.view.xml.

So I am curious where are all these container came from ? How to modify template app to get a Fullscreen app ?

Ref:

http://stackoverflow.com/questions/31470506/when-to-use-shell-app-container-page-view-and-splitapp-in-sapui5/31473848#31473848

According to this ref, it seems that I should delete sap.m.Shell, but I can't found sap.m.Shell in tempalte code.

SAPUI5 version: 1.42.6

hcp.png (64.7 kB)
10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Best Answer
Tina Chen
Dec 06, 2016 at 08:19 AM
0

Sorry that I didn't read the doc carefully !

Solved by add fullwidth in manifest.json

{
	"sap.ui": {
		"_version": "1.2.0",
		"fullWidth": true,
                ...
}

Reference:

Doc: https://openui5.hana.ondemand.com/#docs/guide/be0cf40f61184b358b5faedaec98b2da.html

Similar question: https://archive.sap.com/discussions/thread/3697545

Show 1 Share
10 |10000 characters needed characters left characters exceeded

The difference is that fullwidth app delete sap.m.shell

0