Disable tab control

Questions
1

Is it possible to disable the tab control and keep it as a visual display of which tab is active?

Reason being I want to ensure that the user reads through the tab-1 content before changing to tab-2. At the bottom of the tab-1 page, the user can press a button to open tab-2 using

app.tab.show('#tab-id');

After the user has used this button to go to tab-2, then the tab control should be enabled so that the user can move easily between tab-1 and tab-2.

I hope this makes sense :grinning:

2

Not really :slight_smile: Didn’t really get what you are trying to achieve

3

You need to catch scroll event.

4

I want to disable the tab control so that the user can only change tabs using a button with DOM7. So the tab control will only be a visual element:

tab%20control

And the user will move between the tabs using buttons instead, using:

app.tab.show('#tab-id');
5

You can disable receiving it from tap/click events by adding this into your CSS:

.tabbar a.tab-link {
  pointer-events: none;
}
1 Like