Skip to Content

SplitApp Navigation to another page

Nov 07, 2016 at 04:11 PM


avatar image
Former Member


Could you help me? I would like to make a navigation with this blue button at the corner of master page to full Page. How can I do it?

And another question is it possible to make kind of side navigatoin with my app? It would be perfect if I could make my detail page as full page.

Thank you in advance!



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

3 Answers

avatar image
Former Member Nov 07, 2016 at 08:54 PM


If I'm not wrong you might have created a parent view for split view, similarly you have to create a view and in it return the instance of sap.m.App with a id associated to it. This id(idMainAppControl)is key, which would be used in Component.js router configuration.

In Component.js router configuration define a routing rule/patter by passing Id for targetControl and for targetAggeration as pages.

Hope this helps.



Like below example

                pattern: "new",
                name: "new",
                view: "VIEW_NAME",
                targetAggregation: "pages",
                targetControl: "idMainAppControl",

10 |10000 characters needed characters left characters exceeded
Akhilesh Upadhyay Nov 08, 2016 at 06:10 AM


you can make your details page as full screen by setting the mode of splitapp, try below:


Regarding your first Question: that also be achievable, pls check below links:




10 |10000 characters needed characters left characters exceeded
avatar image
Former Member Nov 08, 2016 at 03:52 PM

Thank you! But I have one more problem which I don't know how to solve. That's why I have a problem with Side Navigatoin. My applicaton loades first of all Master Page and only when I click on the list appers Detail page. How can I change this?


        "config": {
            "resourceBundle": "i18n/",
            "titleResource": "SHELL_TITLE",

            "serviceConfig": {
                name: "UI5STAT1_SRV",
                serviceUrl: "/sap/opu/odata/kernc/UI5STAT1_SRV/"

        routing: {
            config: {
                viewType: "XML",
                viewPath: "Statusverwaltung3.view", // common prefix
                targetAggregation: "detailPages",

                clearTarget: false
            routes: [{

                    pattern: "",
                    name: "master",
                    view: "Master",
                    targetAggregation: "masterPages",

                    preservePageInSplitContainer: true,
                    targetControl: "fioriContent",
                    subroutes: [{
                        pattern: "Detail/{contextPath}", // will be the url and from has to be provided in the data
                        view: "Detail",
                        name: "Detail" // name used for listening or navigating to this route




ghjg.png (51.9 kB)
hkl.png (84.0 kB)
Show 1 Share
10 |10000 characters needed characters left characters exceeded

you have to load the detail view as well but without actual entity bound to the ui controls. so a blank detail view will be visible to the user at startup of the application and as soon as a user clicks a item in your master view it will be bound to the detail view and is therefor visible to the user