External button to open specific tab

Question

Hello guys

With ref to your request on the comments section, I have included the code you provided (thank you so much for that - much appreciated). However, it does not seem to have an effect. You requested that I provide you with a link:

https://www.aftershock.co.za/approvals/ipps/event-details.html

The REGISTER button below the intro text, should when clicked, scroll down to the tabs section and open / activate the 4th tab named REGISTER. The scrolling is fine, I just can't get it to open the 4th tab. If there's anything else that can be done, please let me know.

SemiColonWeb · Accepted Answer

Hello,

We have checked out your Codes and the way you are using it is incorrect.

The Value of the data-tab-selector will be #tabs-profile as this is the Tabs Element you want to target. And then to activate the Register Tab, you will need to use the value 4 for the data-tab-activate Attribute. Also, you cant use data-scrollto on this Element as there is another click Event on this because of the Tab Selector. You final code should look like this:


[Register](#tabs-profile)

You can set the Offset for the Scroll in the JS Code below.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Ros777 · Answer

And that's why you guys are coding gods! Thank you very very much for this. I really appreciate the support. All good working perfectly as per your prediction. ; )

Semicolon Web · Answer

Hello, Haha! Very Happy to Help! Glad that the issue was resolved. Do let us know if we can help you with anything else or if you find any further issues with Canvas.