Tabbed Container does not work with dynamic keys

💬 App Building
1
  1. My goal: Assign dynamic keys to Tabbed Container
  2. Issue: The component does not switch tabs when using custom keys
  3. Steps I've taken to troubleshoot: If I replace {{ TabKeys.value.Form/List }} with their content (simple "List" and "Form" strings) it works as expected
  4. Additional info: (Cloud or Self-hosted, Screenshots)

image
image626×374 24.3 KB

image
image335×136 6.74 KB

2

Hey there, welcome to the community.

I've managed to get this working myself using a variable as shown below.
Can you confirm what the value of TabKeys is? The key and label will need to be a string.

image
image1474×440 33.6 KB

3

Hey! The variable is set as an object:

image
image406×338 10 KB

4

That does look correct, I'll try to repeat what you have there.

The one thing that's making me suspect that it's the data structure is in your screenshot the currentViewKey value is showing as a string "{{ TabKeys.value.Form }}" and doesn't seem to have been parsed.

How are you setting the current view key? Are you navigating to different tabs programatically or using a tabs component?

EDIT: Using an object seems to work in this example:

image
image1474×451 61.3 KB

5

Did you manage to resolve this @samuelg or do you still need help?