Skip to Content
avatar image
Former Member

Navigation Between Split App mode and Full screen Mode

Greetings Experts,

I am working on SAP Ui5 application where I need to create multiple pages and able to navigate among the pages. I am stuck in a requirement where i need to navigate from master detail mode (display using split app control) btn-1-master-detail-mode.jpg to a page in full screen mode btn-2-full-screen-mode.jpg and vice versa. I am facing some challenges in the routing configuration.

The layout for the screen are attached here. The highlighted are in the screenshot are the different screens and need to achieve the navigation using routing concepts.

Request you to share the routing configuration that can be used to achieve this kind of requirement.

-Thanks

Ketan

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Aug 24, 2017 at 09:45 AM

    Can u share you routing configuration and targets from Manifest.json file?

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    Aug 28, 2017 at 09:03 AM

    Hi,

    Here are the below configuration i was trying to do. I am not able to figure out the correct place where I can add new config which will navigate to two different views with fullscreen mode and master-detail mode).

    as per this config, master view is displayed with multiple detail views with navigation. Let me know the missing config.

    "routing": {
    			"config": {
    				"routerClass": "sap.m.routing.Router",
    				"viewType": "XML",
    				"viewPath": "com.mmm.navigate11.view",
    				"controlId": "idAppControl",
    				"controlAggregation": "detailPages",
    				"bypassed": {
    					"target": [
    						"master",
    						"notFound"
    					]
    				},
    				"async": "true"
    			},
    			"routes": [
    				{
    					"pattern": "",
    					"name": "master",
    					"target": [
    						"object",
    						"master"
    					]
    				},
    				{
    					"pattern": "NotifDataSet/{NotifNo}",
    					"name": "object",
    					"target": [
    						"master",
    						"object"
    					]
    				},
    				{
    					"pattern": "Search",
    					"name": "search",
    					"target": "search"
    				}
    			],
    			"targets": {
    				"master": {
    					"viewName": "Master",
    					"viewLevel": 1,
    					"viewId": "master",
    					"controlAggregation": "masterPages"
    				},
    				"object": {
    					"viewName": "Detail",
    					"viewId": "detail",
    					"viewLevel": 2
    				},
    				"notFound": {
    					"viewName": "NotFound",
    					"viewId": "notFound"
    				},
    				"search": {
    					"viewName": "Search",
    					"viewId": "search",
    					"viewLevel": 1
    				}
    			}
    		}
    
    Add comment
    10|10000 characters needed characters exceeded