Standard links in a page to open tabs in the same page?

[dekkydog]

Hi there,
I have a page with 4 tabs set up. In one page I have a link to open up a different tab WITHIN THE SAME PAGE.

IE: A link in “#tab1” (within the content pane) will link to “#tab2” :
EG: <a href="http://www.example.com/page/#tab2">A link to tab2</a>

But this does not seem to work?

Do you have a solution / Fix / Workaround / method / that will allow for this type of linking from one Tab pane to another via a standard alink?

Many thanks in advance 🙂

[Rui Guerreiro – SUPPORT]

Hi,

Not sure if it’s possible. Can you provide that page url so I can take a look?
Thanks

-Rui

[dekkydog]

Hi Rui,
I am developing locally so I don’t have a page to show you.

However, you can try this on your demo site (takes just 1 minute to test).

1) Go to your demo site at – http://dante.swiftideas.com/shortcodes/tabs-tours/#tab1

2) Put in a standard “a link” in the “Tab-pane” (IE: within the content area for #tab1).

Like this: <a href="#tab2">This is a link</a>

This ONLY changes the URL in the address bar and does NOT activate #tab2 or tab pane for #tab2?

I have tried this:

<a class="nav-tabs" href="#tab2" data-toggle="tab">This is a link</a>

This changes the active TAB PANE to be “#tab2” but the TAB NAV (for #tab2) does NOT change? IE: #tab2 is NOT active.

Shouldn’t this be straight forward to link to another tab?

I look forward to your help?

Cheers 🙂

[David Martin – Support]

Hi,

The tabs are relying on a user click event on the actual tab, linking to a tab will do nothing for showing an active/inactive state – a user mouse will need to actually click a tab for it to be active.

Thanks.

[dekkydog]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

Dante already has deeplinking functionalities on the tabs.

At the moment it works when called from a different page so that in the loading process is tracked what tab should be displayed.

If you try this directly it will open in tab3.

Tabs & Tours

Will forward the suggestion to do it on a click basis if possible of course.

-Rui

[dekkydog]

This reply has been marked as private.

[franklyhans]

Hello i have the same problem, i have a page with 3 tabs,
example tab 2 > /classes/#adults, tab 3 > /classes/#kids
I have a sub-menu consisting of adults and kids, and when user clicks on it, it doesnt seems to work or linking to the pages /classes/#adults (with the Tab pane open, tab active).

Any solutions for this?

Thanks

[dekkydog]

This reply has been marked as private.

[Swift Ideas – Ed]

Rui has been working on this functionality for inclusion in the next update, he’ll follow up here shortly!

– Ed

[dekkydog]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

Hi,

I think it’s done at the end of this week.

@dekkydog

Can you provide me the entire content of that page you have, so I can use for testing purposes.

You can place it in a txt file inside a zip or in this editor wrapped with the code tags.

Thanks
-Rui

[dekkydog]

This reply has been marked as private.

[Rui Guerreiro – SUPPORT]

This is exactly what I need. thanks
Will let you guys know when it’s ready.

-Rui

[Mohammad – SUPPORT]

Hi,
Please paste given below code at Admin -> Theme Options -> Custom CSS/JS.

<script>
jQuery('a.tabOpen').click(function(e) { 
e.preventDefault();
var tabHash =  jQuery(this).attr('href');
jQuery('.nav-tabs a[href='+tabHash+']').tab('show');
});
</script>

Now use link HTML with class tabOpen like this:-
<a href="#tab2" class="tabOpen" >This is a link</a>
Thanks
Mohammad