Tab List - Modern Control: Duplicate Items

[obstinateowl]

I've been starting to experiment with some of the Modern controls, in particular I've been looking at using the Tab List control. Overall it is doing what I want more simply than I had been before... However, I've run into an odd issue where it displays a duplicate item (I think it is usually the default one) in the list.

I've included images of the tab list showing the duplicate, in this case "tab 2" (which is what is marked as the default), as well as the full table of items which are being used. 

Has any one else run into this and/or know how to fix it?

[timl]

Hi @obstinateowl 

Can you describe how you marked "tab2" as the default?

If you set the DefaultSelectedItems property to the below, it should work in theory without creating a duplicate.

{TabName:"tab2", SortColumn:1}

[obstinateowl]

@timl I used a custom text value property to set the value externally, but the actual tab list performs a lookup for that value within the table example I provided.

I just tried setting it using the record format you indicated and I though it worked for a second but when I checked the full list of results from the "..." I get:

Interestingly though, when I change which tab is selected it also changes which duplicates are there:

[timl]

Hi @obstinateowl 

Can you clarify what you mean by this? How does your call to LookUp look like?

>> I used a custom text value property to set the value externally, but the actual tab list performs a lookup for that value within the table example I provided.

I'd also suggest that you create a named formula to return the table data, rather than set the Items property of the control directly to a call to Table. You can then perform a lookup based on the named formula data source.

[obstinateowl]

@timl I ended up just disabling the default value which solved the issues and moving on to some other aspects of the app. The default wasn't critical, just a nice to have. 

For interests sake, this is the lookup I had in the tab list:

If(
!IsBlank('Grouped Gallery'.DefaultTab),
LookUp('Grouped Gallery'.TabList, TabName = 'Grouped Gallery'.DefaultTab),
{})

"Grouped Gallery" refers to my custom component. So basically I'm just taking a custom property, if it has been set, and finding the corresponding value in the table of tab values also provided by custom property, in the table format previously described. 

I haven't actually checked out named formulas yet, but I did a quick look online and they seem pretty useful so I'm going to check those out regardless. Seems like they could solve a few odd little quirks.

[timl]

Thanks for clarifying @obstinateowl 

Let's say you have the named formula beneath and that you set the Items property of your tab list control to MenuItems.

MenuItems = Table(
    {TabName: "tab 1", SortColumn:2},
    {TabName: "tab 2", SortColumn:1},
    {TabName: "tab 3", SortColumn:3},
    {TabName: "tab 4", SortColumn:4},
    {TabName: "tab 5", SortColumn:5},
    {TabName: "tab 5", SortColumn:6}
)

If 'Grouped Gallery'.DefaultTab returns the string value (eg "Tab2"), this will hopefully set the default value without adding a duplicate.

If(
  !IsBlank('Grouped Gallery'.DefaultTab),
   LookUp(MenuItems, TabName = 'Grouped Gallery'.DefaultTab)
)