Multiple Master Page Split App

[Sidhant-Acharya]

Hi Experts,

I have a requirement to initially have a login page and then navigate to a split app with master 1 and detail 1.

master 1 will have some selection input and button.on button click I need to display master 2.

Please help me out how I can achieve through routing.

routes : [
                                      {
                                      pattern : "",
                                      name:"page1",
                                      view:"page1",// This is the target view, to where navigation happens
                                      targetControl:"navContainer",
                                      targetAggregation:"pages",
                                      
                                  },                                                                                                       
                                      
                                      {
                                          pattern:"splitApp",
                                          name:"oapp",
                                          view:"oapp",
                                          targetControl:"navContainer",
                                          targetAggregation:"pages",
                                          subroutes:[{
                                        	  pattern:"splitApp/",
                                              name:"Master1",
                                              view:"Master1",
                                              targetControl:"SplitApp",
                                              targetAggregation:"masterPages",
                                          /*subroutes:[{
                                          	pattern:"splitApp/",
                                              name:"omasterpage",
                                              view:"omasterpage",
                                              targetControl:"SplitApp",
                                              targetAggregation:"masterPages"}],*/                                 
                                                                                     
                                          subroutes:[                                           
                                          {
                                                pattern:"splitApp/",
                                                name:"odetailpage",
                                                view:"odetailpage",
                                                targetControl:"SplitApp",
                                                targetAggregation:"detailPages"
                                               
                                          }],
                                          }]
                                  
                                    },    

[irfan_gokak · Accepted solution]

Hi Sidhant,

I would like to suggest you to use code from Shopping Cart app. Download it from below link.

https://sapui5.netweaver.ondemand.com/#/demoapps

[former_member17337]

Hi,

Go through this link....

https://openui5.hana.ondemand.com/1.48.3/explored.html#/sample/sap.m.sample.SplitApp/preview