-
Posts
-
We are using a Tab section Layout Element with three tabs. Inside each tab we are then using Tabs content element with Tabs displayed to the left. So essentially we have tabs content elements inside Tab layout element.
Now we are adding custom id attribute to content tabs which are inside. We would like to directly link to each content element tab from external pages and the link to automatically open the tab. However direct links like http://www.url.com//#thecustomidatributenamehere don’t work. The default top level tab is always open instead of the correct top level tab opening and the correct second level tab content showing.
Is there any way we can achieve this? Adding an empty div element with the custom tab id also does not work. Is there any suggestion.
Thanks Ricard & Sadik
Hey richardbeatty,
Please have a look at the following thread:
https://kriesi.at/support/topic/link-to-tab-in-tab-section/#post-763509If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria
The code linked to in that post is filtering for parameters of the url type http://www.mysite.com/myportfolio?tabsort=2
Whereas our url is http://www.mysite.com/page#tab-custom-id
AND this #tab-custom-id is inside another #parent-tab-layout-custom-id
So what we want is that when a user has #tab-custom-id in the url first the #parent-tab-layout-custom-id should open and then the #tab-custom-id should open.
Any suggestions for this two level tabs?
Hi,
Unfortunately, nested ID or anchors will not work, this is just a limitation with html.Best regards,
MikeHi Mike
I think your answer refers to the original proposal to link to a tab-element within a tab-section.
How about this:
s it possible to link to a specific tab in a tab-element?
Note that I am **NOT referring to tab section** but tab-element.Is it possible to link just to a specific tab-element
This is what I am referring to as a tab element (Victoria thought the issue was tab section):
I am prepared to ask a developer to do some javascript but wondered if you had any ideas as to the best solution.
Thank you.
Richard
Hi,
Ok, so not linking to a tab section but a tab element, such as the link in the Private Content area.
So this works when the tab element is in the initial opened tab section, because it is visible. But doesn’t work in a closed tab section because the page finds the tab element in the DOM even though it is not visible because the DOM doesn’t know it’s not visible.
If you go to the tab section you will see the tab element is active, because the DOM did find it.
I hope I have explained this well.
I imagine some javascript could take a url with two hash tags or IDs and first go to the correct tab section and then go to the tab element.But as it stands now you need to link to the tab section for the tab element to be viewable, the tab element link will not make the tab section viewable.
Best regards,
MikeHi Mike
‘Ok, so not linking to a tab section but a tab element, such as the link in the Private Content area.
So this works when the tab element is in the initial opened tab section, because it is visible. But doesn’t work in a closed tab section because the page finds the tab element in the DOM even though it is not visible because the DOM doesn’t know it’s not visible’How about linking to a tab element ONLY?
A tab element that is NOT inside a section …. (if you will) ‘standalone’ tab element.
(I’m trying to get away from tab sections here … searching all the existing support tickets reveals a lot of discussion about tab sections)
Thanks so much
Richard
Richard
- You must be logged in to reply to this topic.