Skip to Content
0

Navigation Between Split App mode and Full screen Mode

Aug 24, 2017 at 08:02 AM

280

avatar image
Former Member

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

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

2 Answers

Irfan Gokak Aug 24, 2017 at 09:45 AM
0

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

Share
10 |10000 characters needed characters left characters exceeded
avatar image
Former Member Aug 28, 2017 at 09:03 AM
0

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
				}
			}
		}
Share
10 |10000 characters needed characters left characters exceeded