cancel
Showing results for 
Search instead for 
Did you mean: 

SplitApp Navigation to another page

Former Member
0 Kudos

Hi!

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!

Regards,

Khristina

Accepted Solutions (0)

Answers (3)

Answers (3)

Former Member
0 Kudos

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?

Component.js

        "config": {
            "resourceBundle": "i18n/i18n.properties",
            "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

                    }]
                }

            ]

        }
    },

former_member201114
Participant
0 Kudos

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

former_member227918
Active Contributor
0 Kudos

Hello,

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

setMode(sap.m.SplitAppMode.HideMode);

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

Link1

Regards,

Akhilesh

DK007
Active Participant
0 Kudos

Hi,

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.

Thanks,

Dheeram

Like below example

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