SAP MDK Flexible Column Web View Second Column is not opening

[sk_ramkumar]

Hi Experts,

I have a strange issue with my MDK Web Application.  I have to 3 bottom tab navigation pages. In that 3, I have 2 flexible column view pages. 

First tab Flexi column  loads perfectly after I click on the list view to open the detailed view. Second Tab flexi column just loads the list, upon clicking on the list item, the detail screen is not loading. 

I have tried many combinations , only the first one is loading. I tried the second one without flexible column like a normal list, detail view and it works fine. 

This is happening only in Web View, iPad works fine. 

This is my landing page code,

{
	"Controls": [
		{
			"_Type": "Control.Type.BottomNavigation",
			"_Name": "BottomNavigation0",
			"Items": [
				{
					"_Type": "Control.Type.TabItem",
					"Caption": "$(L,'bottom_tab_timeentry')",
					"Image": "sap-icon://time-overtime",
					"PageToOpen": "/MDK/Pages/TimeEntry/TimeEntryListDetail.page",
					"_Name": "TimeEntryTabItem",
					"OnPress" : "/MDK/Rules/TimeEntry/onTimeEntryTabPress.js"
				},
				{
					"_Type": "Control.Type.TabItem",
					"Caption": "$(L,'bottom_tab_roster')",
					"Image": "sap-icon://calendar",
					"PageToOpen": "/MDK/Pages/Roster/RosterListDetail.page",
					"_Name": "RosterTabItem",
					"OnPress" : "/MDK/Rules/Roster/onRosterTabPress.js"
				},
				{
					"_Type": "Control.Type.TabItem",
					"Caption": "Favourites",
					"Image": "sap-icon://favorite",
					"PageToOpen": "/MDK/Pages/Favourites/FavouriteCostObject.page",
					"_Name": "Favourites",
					"OnPress" : "/MDK/Rules/Favourites/onFavTabPress.js"
				}
			],
			"Styles": {
				"TabStrip": "bottomTabStrip",
				"TabItemImage": "bottomTabIcon"
			}
		}
	],
	"_Type": "Page",
	"_Name": "LandingPage",
	"Caption": "$(L, app_title)"
	
}

and this my ListDetail 1 code,

{
	"Controls": [
		{
			"_Type": "Control.Type.FlexibleColumnLayout",
			"_Name": "TimeEntryFlexibleColumnLayout",
			"StartColumn": {
				"_Name": "TimeEntryList",
				"PageToOpen": "/MDK/Pages/TimeEntry/TimeEntryListView.page"
			},
			"EndColumn": {
				"_Name": "TimeEntryDetail",
				"PageToOpen": "/MDK/Pages/TimeEntry/TimeEntryDetailView.page"
			}
		}
	],
	"_Type": "Page",
	"_Name": "TimeEntryListDetail",
	"Caption": "$(L,'bottom_tab_timeentry')"
}

and this is my List Detail 2 code,

{
	"Controls": [
		{
			"_Type": "Control.Type.FlexibleColumnLayout",
			"_Name": "RosterFlexibleColumnLayout",
			"StartColumn": {
				"_Name": "RosterList",
				"PageToOpen": "/MDK/Pages/Roster/RosterListView.page"
			},
			"EndColumn": {
				"_Name": "RosterDetail",
				"PageToOpen": "/MDK/Pages/Roster/RosterDetailView.page"
			}
		}
	],
	"_Type": "Page",
	"_Name": "RosterListDetail",
	"Caption": "$(L,'bottom_tab_roster')"	
}

@bill_froelich @Jitendra_Kansal78  Please help here. 

Thanks,

Ram

[Jitendra_Kansal78]

@sk_ramkumar This looks a bug to me. I have reported it internally, will update here once I hear back.

[sk_ramkumar]

Thank you @Jitendra_Kansal78

[Jitendra_Kansal78]

@sk_ramkumar This issue has been fixed. Please deploy the app with MDK web preview (24.11) and test again.

P.S. MDK web production will be updated to 24.11 in next one week.