Skip to Content
avatar image
Former Member

SplitApp Navigation to another page

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

nav.png (45.4 kB)
Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Nov 07, 2016 at 08:54 PM

    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",
                }, 
    
    
    Add comment
    10|10000 characters needed characters exceeded

  • Nov 08, 2016 at 06:10 AM

    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

    Add comment
    10|10000 characters needed 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?

    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
    
                        }]
                    }
    
                ]
    
            }
        },
    
    
    Add comment
    10|10000 characters needed 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