Tabs component doesn't work... - Post...

User 2848249 Photo


Registered User
3 posts

Hi all. First post here.
I'm using a 'Tabs' component in SD 4 from the library.
Site is built in a theme in Foundation 6 .
The tabs on my site work in preview, but not in Chrome...clicking on a tab other than the first one brings me to the top of the page.
Although if I preview and test the unstyled tab component from the library on it's own, i.e straight out of the library, it works fine in preview and Chrome...

Any ideas?

Thanks
User 122279 Photo


Senior Advisor
14,450 posts

Which theme are you using?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2848249 Photo


Registered User
3 posts

Technologic.
User 2848249 Photo


Registered User
3 posts

Update:
Seems using 'data-tab-target' works, rather than href '#tab-panel-x'
Thanks!
User 122279 Photo


Senior Advisor
14,450 posts

Hi, Yes, You solved it. I had also just come to the same conclusion, writing it as an attribute with Name: data-tabs-target, and Value: tab-panel-x
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.