Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • April 15, 2015 at 1:06 pm #428886
    stephenlevin

    I have a page with some tabbed content. I can link to the page with the right content open by using a # after the page url and referencing the tab.

    For example:
    http://weblinedesigns.com/web-design-development/#tab-id-2

    But, that opens the page at the tab (or sometimes lower down on the page).

    I want to open that page with that tab open, but still at the top of the screen.

    Any suggestions?

    April 16, 2015 at 9:28 am #429437
    Ismael

    Hey stephenlevin!

    Thank you for using Enfold.

    Looks like you don’t have the latest version of the theme. Please update it to version 3.1.3. Let us know if it fix the issue. You can also add a hidden container on top of the tab content. Something like this:

    <div id="tab-anchor-2"></div>

    Create an anchor link for it:

    <a href="http://weblinedesigns.com/web-design-development#tab-achor-2"></div>

    Best regards,
    Ismael

    April 20, 2015 at 10:49 pm #431640
    stephenlevin

    I updated to the latest version and it did not fix the issue.

    And, I don’t think what you suggested would work. I want to open the page with a specific tab open. If I link to the page with the anchor you suggested, I’m sure that would work, but the default tab would be open, not the tab I want, right?

    April 22, 2015 at 7:21 am #432596
    Ismael

    Hey!

    Oh! My bad. It will take care of the scroll position but it will not open the tab automatically. Here’s what you have to do, you still have to add a hidden container but the id should correspond to the current tab id. For example, the second tab should have a hidden container that looks like this:

    <div id="tab-id-2"></div>

    You can now, create a link that will automatically open the tab and simultaneously scroll to the exact position of the tab content:

    <a href="http://weblinedesigns.com/web-design-development/#tab-id-2"></div>

    Same goes for the first, third and up to the last tab.

    Cheers!
    Ismael

    January 31, 2017 at 12:10 am #740447
    jonathanrn

    I’m kind of hijacking this thread but it’s a year old so I think it’s okay. I want to do the same thing.. link to show a specific tab open, but remain at the top of the page. If I make the link “…#tab-id-2”, it will scroll down to the tab automatically. I want that tab to be open but I don’t want it to scroll at all.

    Suggestions?
    Thanks!!

    Jonathan

    February 3, 2017 at 7:14 pm #742536
    Andy

    Hi,

    then just open your website with /#tab-id-2 at the end of the URL.

    Best regards,
    Andy

    February 5, 2017 at 9:03 pm #743061
    jonathanrn

    Hi Andy,
    I tried that and when I click on the custom menu link that contains the …/#tab-id-2 and the page jumps down to the tabs instead of remaining at the top. I took some screenshots. Here is what happens now…

    This is what happens now

    …and this is what I want to happen…

    this is what I want to happen

    Basically I want the link to open the correct tab but stay at the top of the page.

    Thanks again!
    Jonathan

    February 9, 2017 at 9:18 pm #745061
    Yigit

    Hi,


    @jonathanrn     Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘How to link to a page with tabbed content with a tab open?’ is closed to new replies.