cancel
Showing results for 
Search instead for 
Did you mean: 

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

miqueias_maia
Participant

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?

Accepted Solutions (0)

Answers (3)

Answers (3)

mingkho
Advisor
Advisor
0 Kudos

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
Participant
0 Kudos

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
Product and Topic Expert
Product and Topic Expert
0 Kudos

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
Advisor
Advisor
0 Kudos

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

0 Kudos

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.