Switching tabs with a normal button

Hello

Is it possible through dynamic events to switch a tab (tab-pane class) on the same page using a normal button? If Yes, how?

Thanks in advance!

How about using an Anchor Button with a toggle?

1 Like

In addition to switching tabs, clicking on the button should be made a few more actions. The anchor button will work in parallel with the tabs switch and the execution of dynamic events?

Yes, you can use the Click dynamic event.

1 Like

Yes, it worked. Thanks!

I’ve tried controlling tabs with buttons, but not very successfully. It seems to work but only the first time a buttton is clicked. After that, the tab switching stops working - because the ‘active’ class is correctly assigned but it’s not removed when the next tab is selected.

If you’re not having this problem, I must be doing something wrong.

Actually, in the process of implementing the project, I abandoned this idea and implemented another solution. Therefore, I can not say anything about the problems associated with controlling tabs with buttons, because I did not implement them. I would like to help, but I do not know the solution. Sorry.

OK. Thanks anyway. Perhaps I should raise the issue as a bug.

Hi Tom, did you ever find a solution for getting the ‘active’ class removed when the next tab is selected? I’m facing the same issue

I think I used a different approach, using a variable. Eg for the links:
dmx-class:active="tab_selected.value == 'tabname'"
… and for the tab pane:
dmx-class:show="tab_selected.value == 'tabname'" dmx-class:active="tab_selected.value == 'tabname'"
The variable is set by clicking the relevant button.

There might well be a better solution, but as far as I can see the toggle option still doesn’t work for tabs.

1 Like