Unanswered

Modern Tablist Control duplicating Tabs

(1) Share

Report

Posted on by Navansh

I am facing an issue with modern tablist duplicating the tabs during navigation. the tab which is set as default selected tab is getting duplicated.

Items for Tablist is a collection that is created at the start of App:

ClearCollect(CollAddOnNavigationTabs,[{AddOn:"📑 Inputs - Opportunity",Screen:ScrAddOn1,SNo:1},
{AddOn:"📦Product",Screen:ScrAddOn2,SNo:2},{AddOn:"🛠Services",Screen:ScrAddOn1,SNo:3}])
 
Items:SortByColumns(CollAddOnNavigationTabs,"SNo",SortOrder.Ascending)
 
DefaultSelectedItems:
LookUp(CollAddOnNavigationTabs,SNo=VarTab1) 
 
VarTab1 is set as a global variable with values 1or2or3 based on tab selection

Categories:

General Questions

All responses (7)

Answers (0)

iskguy 402 on at

Like (1)

Report

Modern Tablist Control duplicating Tabs

Interestingly, I was just going to post about the tablist modern control. Mine has been working perfectly fine up until this past week where now it sorts by Label alphabetically and not by table item order, as it was doing. But I am looking at your concept of putting this into a collection / table, and I will try that. I wonder if there were some enhancements to the control that were recently pushed out that is causing some of these issues?
abc 123 784 Super User 2025 Season 1 on at

Like (1)

Report

Modern Tablist Control duplicating Tabs

I didn't make the code below, so don't know exactly how the component consumes it. But, we use a Table() construct instead of a collection.
It would seem to me that you have an additional Collect() function triggering somewhere, which is adding the duplicate.

Set(gtblMenuHoriz_MenuItems,

Table(

{

MenuLabel: "Energy",

Image: pngEnergy,

MenuScreenNavigate: scrnEnergyGrid,

MenuID: 2,

SubMenu: Table()

},

{

MenuLabel: "Waste",

Image: pngWaste,

MenuScreenNavigate: scrnWasteGrid,

MenuID: 4,

SubMenu: Table()

},

{

MenuLabel: "Water",

Image: pngWater,

MenuScreenNavigate: scrnWaterGrid,

MenuID: 5,

SubMenu: Table()

}

)

);
Navansh 8 on at

Like (1)

Report

Modern Tablist Control duplicating Tabs

I am updating VarTab1 statically based on the screen

Set(VarTab1, 1); or Set(VarTab1,2); or Set(VarTab1,3);

The issue is intermittent. It may not happen everytime.
Meekou 189 Super User 2025 Season 1 on at

Like (1)

Report
Modern Tablist Control duplicating Tabs

How did you update VarTab1?

I update is based on tab list onchange event which could not reproduce your issue

Set(VarTab1, TabList1.Selected.SNo)

Make sure your steps which could reproduce your issue from a default PowerApp.

Best Regards
Meekou
米可爱分享 - YouTube
Power Apps
Power Automate
Navansh 8 on at

Like (1)

Report

Modern Tablist Control duplicating Tabs

Items for Tablist is a collection that is created at the start of App:

ClearCollect(CollAddOnNavigationTabs,[{AddOn:"📑 Inputs - Opportunity",Screen:ScrAddOn,SNo:1},{AddOn:"📦Product",Screen:ScrAddOn,SNo:2},{AddOn:"🛠Services",Screen:ScrAddOn,SNo:3}])

Items:

SortByColumns(CollAddOnNavigationTabs,"SNo",SortOrder.Ascending)

DefaultSelectedItems:

LookUp(CollAddOnNavigationTabs,SNo=VarTab1)

VarTab1 is set as a global variable with values 1or2or3 for SNo
Meekou 189 Super User 2025 Season 1 on at

Like (1)

Report

Modern Tablist Control duplicating Tabs

Do you have special event on tab list?

Fail to reproduce your issue with default tab list by setting "DefaultSelectedItems".

It would be helpful if you could share a demo which can reproduce your issue.

Best Regards
Meekou
米可爱分享 - YouTube
Power Apps
Power Automate
realwillwright 772 Super User 2025 Season 1 on at

Like (1)

Report

Modern Tablist Control duplicating Tabs

Hi,

What are you entering in the items and the fields properties?