Workshop Tabs Widget Bug

[brianpatrick3]

There seems to be a bug with the Tabs widget in workshop.

When I configure my tabs and select one, the active color does not highlight or cause the tab “button” to stand out in any way to show which tab I am on.

The documentation for this widget shows that this is supposed to be the proper response to clicking on the tab:

Is there an extra step needed to configure this?

[joshOntologize]

Hey,

In the configuration panel for the Tabs widget, you can choose which design you want for the tabs in the DISPLAY & FORMATTING section. If you want it to look like the example on the documentation, you can use the “Block” option.

Hope this helps!

[lrhyne]

Something I’ve tun into with the Tabs widget is that it’s necessary actually wire up an event for each configured tab to actually switch to a specific tab in a tabbed container. In effect the “active” tab state is stored in that tabbed container widget. For more “creative” use of the Tab widget, i sometimes create a new Page of my app and stash a tabbed container there as part of the app “configuration”, then add events to my Tab widget on the main page to switch those empty tabs in the hidden container AND whatever events i want the Tab widget button press to actually trigger.

[Phil-M]

Hi @brianpatrick3 I hope I get your question right. I believe we had the same trouble understanding the tabs widget a few weeks back.
To get the active state of the tabs widget working, we had to do two things

1. there has to be a section with enabled tabs on the same page with exact same tab names as the tabs in your tabs widget (tip: you can create a section enable tabs and then disable the section header again to just use tabs layout without showing the tabs as header).
2. The tabs widget needs to have any event defined else it stays disabled /grey (typically you would use here the „switch to tab xyz“)

Again, identical naming is the key. Then you can nicely de-couple the positioning/style of the tab navigator and the tabbed section itself .
I hope this clarifies your question!

[brianpatrick3]

Phil,

Thank you very much. This explanation helped solve the problem! One caveat I will add is that for the tab group to highlight for me, the event HAD to be linked to switching to a certain tab of the tabbed group I setup in my section (even if we hide the section header).

I had originally hoped that it could be tied to any event, but it seems that the configuration requires the event to be tied to the (a) tab that you want to switch to in order for the highlighting to work.

Thanks for the help!