Answered

Sorting items in the modern "Tab list" element

(1) Share

Report

Posted on by Zorky

I am using this App.Onstart code to create a collection that is later used in the Tab list element

ClearCollect(
    ColTabData,
    [
        {Name: "MyDashboard", Action: "Navigate", Screen: MyDashboard, URL: "", Sort: 1},
        {Name: "Manager", Action: "Navigate", Screen: Manager, URL: "", Sort: 2},
        {Name: "Assistant", Action: "Navigate", Screen: Assistant, URL: "", Sort: 3},
        {Name: "Admin", Action: "Navigate", Screen: Admin, URL: "", Sort: 4}
    ]
);

// Sort the collection based on the Sort column
ClearCollect(ColTabData, Sort(ColTabData, Sort, SortOrder.Ascending));

In the tab list I using Name value as the Data field shown to the users.

Problem is that my collection sort is ignored and Tab list component is just using alphabetic sort as used

I have tried with numbers like in example, using Sort values as A,B... but nothing help

Only solution is to set Name values like
1. My Dashboard
2. Manager

But this is not a solution as from user perspective, this is ugly.

Also, when I modify a code to use Azure AD groups to define which values will be showed based on group, this numbers will look ridicules.

Did I miss something or Tab list just do not support sorting (or is BUG in this component) ?

Categories:

General Questions

I have the same question (0)

All responses (3)

Answers (1)

Michael E. Gernaey 52,323 Super User 2025 Season 2 on at

Like (1)

Report

Sorting items in the modern "Tab list" element

Hi

lets step back

Is this a Modern Component Tab List or some other component?

You say the sort is ignored, where are you setting the Sort?

Please share pictures etc so we can see what you see as we cannot.

Was this reply helpful? Yes No
Verified answer

Zorky 27 on at

Like (1)

Report

Sorting items in the modern "Tab list" element

I am working with this component

If you create new app and add my code to the App.OnStart (if you do not prefer to use onStart, you can add same code under OnVisible of the screen

Than you add Tab List component and set ColTabData as source in the Items column

The Initial idea was to use order of adding items to the collection to get them sorted for a user.
This is working correctly in the gallery, check the picture.

Trying to overcome this behavior I have tried with adding Sort column.
At the end, I think that there is no help. Tab List is using "hardcoded" sort Ascending by the visible field.
Same behavior you can see in the RadioGroup.

If we use simple configuration, I have a same result.
Sorting is hardcoded and we do not have any option to change it

Was this reply helpful? Yes No
MattFS 2 on at

Like (1)

Report

Sorting items in the modern "Tab list" element

Hi,

I've noticed the same problem in the past few days. I've tried to solve this but you're correct. Any sorting is ignored. This is very disappointing and I hope Microsoft revert to allowing sorting. The annoying this is that in the preview of the collection in the PowerFX bar for the items property of the tab list is sorted.... it's just the display in the tab list itself.

I also have, in my collections, a display mode so that the menu is dynamic for different levels of users, so almost every other simple option is out of the window. The only other option that I think we can use is a gallery. It's similar to the tab list and can be achieved by following this tutorial.

I'm sorry that I don't have a solution tab list issue :(

Matt.

Was this reply helpful? Yes No