Custom View Navigation in Extended Fiori Application

[Former Member]

Hello,

I'm new to Fiori. I' working on MyTime off extension App. I have a requirement of navigation to Custom View(FullScreenPage to FullScreenPage) from S2Custom View.

Code: Component.js

routing: {
"routes": {
       "masterDetail": {
           "subroutes": {
           "master": {
             "subroutes": {
                   "myDetail": {
                            "pattern": "myDetail/{key}",
                            "viewPath": "hcm.emp.myleaverequests.HCM_LR_CREExtension.view",                                "view": "LineItem",
                    "targetAggregation": "detailPages",
             "viewLevel": 1
                          }
                      }
                               }
                               }
                                     }
                                          } },

I'm able to navigate to my Custom View but I'm getting split app instead of detail page.

PFA.

S2Custom:

Custom View:

Can any one please help me on this issue.

Thanks,

Kapil