I’ve used both the above scripts before, though the first doesn’t add the href to the URL and the second script reloads the page. Be great to have a way to link to a tab on the same page in the same way that we can currently link to a section – this way browser navigation would be maintained.
can you just add this please to webflow - the whole point of using webflow is so you dont have to mess about playing with custom code and JS.
Tabs should not have been added until they were tested fully and links are pretty basic stuff. Come on Guys - especially since this thread is a year old!!!
Hi @macman, thanks for the post. You are absolutely right, the vision of Webflow is to produce great sites without having to code. As improvements to features are identified, we take that into the planning for future updates.
The custom code is useful now as a workaround until we have the requested behaviors updated into the tool
I know you’ve probably got this question alot but would it be possible to help me implement this code into my site I having trouble with the example you provided.
Is there any updates on this feature? Would like to have an idea as if this would be arriving anytime soon or not. Want to know if I should wait for it or use another solution.
Can someone explain how to use the code above to link to a tab but also an id? Right now the code works fine but the form i’m using it on is large (why its split into tabs), so when you click through it takes you to the tab as expected just to the same point on the page and I need it to go to the top of the form.
BS"D
Hi. I’m trying to implement by following the thread, and I seem to have worked most of it out.
I have a link (currently at the top of the index page for test purposes) that I takes me to the Artist page and it actually goes to the right tab, yet instead of going to the tabs element (which is down the page) it goes to the top of the page. How can I have the link take me directly to the tabs section of the Artist page?
Thanks
Yoram
@cyberdave@brryant
Can’t you guys at Webflow make this “small great feature”?
It seems its not a lot of work for you guys, but for a lot of us…
its to difficult to code i am totaly not a code man…
The time that i could make this… would properly be the same time as one of your team member makes this!
OK, i have to give it a try… because i see no other option!
my questions:
Do i place this in the custom code “overall” or in the customcode in te page, or targeting page?
Other question,
What do i have to change in this code?
my tabnames are “tab-kantoor”, “tab-flexplek” and “tab-vergadering”
my targetingpage is: /flexwerkplek
Hope that enyone can help, much appreciated
My site: Website link
Klik ok RESERVEER for the TABS…
You don’t have to change anything in this code snippet, just paste it into the custom code area Before </body> tag. Dont forget to wrap it with <script></script> tags.
Next step is set correct links to your tabs. For that you will need to add CLASS NAMES to the tab-links. It can be combo classes. I usually give the specific class names, which “sound” the same as tabnames. So “tab-kantoor”, “tab-flexplek” and “tab-vergadering” should become also combo classes for TAB-LINKS.
Then links to particular tab will look like this: /page_name?tab=tab_class
In your case it would be: /flexwerkplek?tab=tab-kantoor
I try to make my home page link blocks to link right tabs in my portfolio page. I copied that code to before body section of my home page settings as it is. I wasn’t suppose to change anything in it? Then I wrote in ‘videos’ link block url: http://samutyrvainen.com/portfolio?tab=videos and in ‘graphic design’ link block url: http://samutyrvainen.com/portfolio?tab=graphicdesign. Those ‘videos’ and ‘graphic design’ are names of the classes of the tabs in portfolio page. But when I published and clicked links they go to portfolio page but always to the default tab. I wonder what I’m doing wrong…?
So now I named the class of the tab button (same which you click on the page to choose the tab) as pf-tab-link-graphicdesign, and wrote url: http://samutyrvainen.com/portfolio?tab=pf-tab-link-graphicdesign in the corresponding link block at the home page, but it still goes just to the portfolio page, not to the right tab. Hmmm…