How to Add the Split App into Main Full Screen app in SAPUI5?

2
votes

I am working on a Master Detail application in SAPUI5. I have created the master view containing the list of information. On top of the master section I have placed one button to view the hierarchy information about the list in Full screen.

So my question is how to switch the view from Master-Detail (Split App) to Full Screen.

2
sapui5
Do you want to hide your master, so that the Detail Page has the hole screen? I don't get it – Yvonne Marggraf

2 Answers

5
votes

Instead of using a SplitApp directly, you could use an App with a SplitContainer so you have a structure like this:

- App
  - FullScreenView
  - SplitContainer
    - MasterView
    - DetailView

See a minimal example here: http://plnkr.co/edit/gD8bJk

0
votes

There is a problem, using a SplitApp in a App. The App needs to be filled with pages, not with a SplitApp. You probably can create a page, set the SplitApp as her content and add it to the App. But believe me, it doesn't look good.

The only solution you have is to disable the App and enable the SplitApp. I'm doing this with two div-containers:

<body class="sapUiBody" id="content" onload="init()">
     <div id="content_app"></div>
     <div id="content_splitapp"></div>
</body>

and control the display elemnt if I want to show the SplitApp:

document.getElementById('content_app').style.display = 'none';
document.getElementById('content_splitapp').style.display = 'inline';
splitApp.placeAt("content_splitapp");

or if I want to go back to the App:

document.getElementById('content_splitapp').style.display = 'none';
document.getElementById('content_app').style.display = 'block';

Hope this helps you