Move back to enabled tab when current tab is disabled

App Building
1

Hey,

I've got a tabbed container where tabs are enabled and disabled based on the values in the selected row of a main_table

For the sake of argument, let's say I have two tabs in my tabbed container, called Overview and Details; Overview is always enabled, but Details is disabled when {{!main_table.selectedRow.data.active}} - i.e. when the selected row is not active.

Currently, if I am on the Details tab for an ACTIVE selected row, and then I navigate to an INACTIVE selected row, I stay on the Details tab, even though it is disabled for that row.

Intuitively, I feel like when I select an INACTIVE row, I should be taken to the Overview tab - i.e. one of the non-disabled tabs.

Is there a way to do this? Am I missing something?

2

Yes, this can be accomplished pretty simply by setting an event handler in your table for Row select change with an action to Control component of your tabbed container. Something like:

image
image1272×976 68 KB

3

Awesome! Thanks for clarifying.