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:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (0)

Sort by

realwillwright 772 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

Hi,

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

Was this reply helpful? Yes No
Meekou 200 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Navansh 8 on at

Like
a
(1)

Report
Copy link

Link copied!

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

Was this reply helpful? Yes No
Meekou 200 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!
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

Was this reply helpful? Yes No
Navansh 8 on at

Like
a
(1)

Report
Copy link

Link copied!

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.

Was this reply helpful? Yes No
abc 123 789 Moderator on at

Like
a
(1)

Report
Copy link

Link copied!

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()

}

)

);

Was this reply helpful? Yes No
iskguy 402 on at

Like
a
(1)

Report
Copy link

Link copied!

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?

Was this reply helpful? Yes No