[MDK] Back from a list picker multi select on a page that use navigation menu and tabs

[miqueias_maia]

Hey experts, I need your help.

In our application, we have a large form with a lot of fields. For a style/ux question, we've decided to break this form in sections, using different pages with tabs page as main. We are using as default page the SideDrawerMenu, and tabs page are being used only in this form page for help with design.

So, some fields in this form need to be a multi select list picker. Using SideDrawerMenu as default, sandwich icon will always appear on the navbar, and using tabs to navigate between form sections, the back buttom from a multi select list picker doesn't show, as you can see in the following image. In this case, we can't came bake to form page. To single selection I solve it using the "IsPickerDismissedOnSelection" property, that're disabled for multiple selection.

Any way or consideration to solve it?

[mingkho]

Hello Miqueias

We have improved the back navigation of list picker in Tabs behaviour. This improvement will be released as part of next MDK 6.1.4 patch (TBA) or MDK 6.2 release (Early April).

Regards

Ming

[Shubham_M]

Hello Ming,

Was this resolved? I am also facing the same issue. I have a form inside one of the pages in the Tab. The list picker opens up and after selecting all the items the back of the tab page is visible. I cannot go to the form screen.
jitendrakumar.kansal

Thanks,

Shubham

[bill_froelich]

shubhmis I would recommend opening a new question as this is an old question and you will be able to provide the necessary details about your issue include specific platform, MDK version etc. to help review your issue.

[mingkho]

Hi Miqueias

While it's possible to use Bottom Navigation with actionbar as jianfeng.wang4 suggested, I'd like to advise you that the Bottom Navigation is meant for top level navigation i.e. each tab in Bottom Navigation has its own binding context, navigation stack, etc and the binding context can't be shared between tabs unlike Tabs Page where all tabs share the same context from the parent Tabs page.

So you might encounter other binding context issue if you try to use Bottom Navigation.

Meanwhile, I have reached out to our dev team to look into providing a more permanent solution with the listpicker back button in tabs.

If you'd like to keep track of it, please raise an SAP support ticket on MDK and we'll keep you up-to-date.

Otherwise, I'd update this question when there's a permanent solution.

Regards

Ming

[former_member368978]

The customer's scenario seems to be as follow:

On sidedrawer app with 1 of the menu item displaying Tabs (position at Bottom) > the first tab page is displaying FormCellContainer with listpicker control > Select the listpicker control to show the listpicker list page > Now there is no way to navigate back as Tabs tab page is not displaying actionbar (the actionbar displayed is from the parent page of Tabs, not the Tabs tab page).

Since Tabs tab page will not show actionbar, this is deemed as an expected behavior.

The workaround is to switch to use BottomNavigation control instead of Tabs. BottomNavigation tab page can display actionbar at tab page level, hence there will be no issue with showing actionbar with back button on listpicker list page.