Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Dante › Standard links in a page to open tabs in the same page?
New Landing › How can we help? › Themeforest Theme Support › Dante › Standard links in a page to open tabs in the same page?
- This topic has 18 replies, 6 voices, and was last updated 9 years by Rui Guerreiro – SUPPORT.
-
Posted in: Dante
-
July 3, 2015 at 12:19 pm #191478
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 ๐
July 3, 2015 at 6:01 pm #191633Hi,
Not sure if it’s possible. Can you provide that page url so I can take a look?
Thanks-Rui
July 4, 2015 at 4:24 pm #191699Hi 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 ๐
July 6, 2015 at 2:36 pm #192043Hi,
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.
July 6, 2015 at 3:49 pm #192073This reply has been marked as private.July 6, 2015 at 3:57 pm #192078Hi,
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.
Will forward the suggestion to do it on a click basis if possible of course.
-Rui
July 6, 2015 at 4:34 pm #192098This reply has been marked as private.July 6, 2015 at 5:21 pm #192127Hello 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
July 7, 2015 at 11:44 am #192357This reply has been marked as private.July 7, 2015 at 11:51 am #192363Rui has been working on this functionality for inclusion in the next update, he’ll follow up here shortly!
– Ed
July 7, 2015 at 11:53 am #192364This reply has been marked as private.July 7, 2015 at 12:36 pm #192378Hi,
I think it’s done at the end of this week.
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
-RuiJuly 7, 2015 at 1:25 pm #192393This reply has been marked as private.July 7, 2015 at 1:56 pm #192408This is exactly what I need. thanks
Will let you guys know when it’s ready.-Rui
July 7, 2015 at 2:04 pm #192413Hi,
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 -
Posted in: Dante
You must be logged in and have valid license to reply to this topic.