I want to make page transitions without setting the layout to TwoColumnsMidExpanded.

[rio_udagawa]

Hi,

I have pages "list" and "master" that use TwoColumnsMidExpanded.
I want the transition from page "list" to page "master" to be complete, not TwoColumnsMidExpanded.
When I try to transition using the following source, the URL path changes, but the screen does not change.
Also, I am currently using window.location.reload(); to change the screen display, but I would like to be able to switch the screen without using it if possible.
Is there any way to do this?

Best regards.

controller.js：
onPress: function (evt) {
this._oRouter.navTo("list", {});
window.location.reload();
},

manifest.json：
"routing": {
"config": {
"routerClass": "sap.m.routing.Router",
"viewType": "XML",
"async": true,
"viewPath": "formapplication.view",
"controlAggregation": "pages",
"controlId": "idFlexibleColumnLayout",
"clearControlAggregation": false
},
"routes": [
{
"name": "list",
"pattern": "",
"target": [
"list"
]
},
{
"name": "master",
"pattern": "newForm",
"target": [
"master"
]
},
{
"name": "detail",
"pattern": "detail/{id}/{layout}",
"target": [
"master",
"detail"
]
},
{
"name": "preview",
"pattern": "preview/{layout}",
"target": [
"master",
"detail"
]
}
],
"targets": {
"list": {
"viewName": "FormList",
"viewId": "idFormList",
"controlAggregation": "beginColumnPages"
},
"master": {
"viewName": "Master",
"viewId": "idMaster",
"controlAggregation": "beginColumnPages"
},
"detail": {
"viewName": "Detail",
"viewId": "idDetail",
"controlAggregation": "midColumnPages"
}
}
},