#1193 ✓resolved
peters@slx-online.biz

Menu Access to Tabbed Text

Reported by peters@slx-online.biz | August 21st, 2014 @ 02:52 PM

I have created a number of pages with tabs. In the menu I have an item for each tab, using pagename#tab1 / #tab2 etc.

When I select a tab from the menu the page opens correctly and shows the correct tab. However I cannot change to a different tab using the menu, I have to click on the tab.

Whilst I could instead create a separate page for each tab instead, and thus be able to select the page from the menu, this does not work in the mobile web site, because the drop down menus don't work, therefore I need the tabs.

Please advise. Thank you.

Comments and changes to this ticket

  • peters@slx-online.biz
  • peters@slx-online.biz

    peters@slx-online.biz January 29th, 2015 @ 11:35 AM

    As we approach launch date for the web site, I need to resolve this anchor problem. Please could you tell me where the code above should be inserted for it to work. I've experimented on the old development site in the theme index.php file without success. Is there anything else I would need to do other than add this code?

    Thank you!

  • peters@slx-online.biz

    peters@slx-online.biz January 29th, 2015 @ 02:26 PM

    Thank you. I've tried this and it doesn't look like it will help. By producing another menu at the top of the page, you are just repeating the same thing as the tabbed page itself. What I wanted was to go to a tab directly from the pull down even if you are already on the page. Looking at your http://www.exponentcms.org/about-exponent.htm page you don't have tabbed sections, so it works for you.

    One slightly clunky solution is to create a sub-page for each drop down with a redirect to the page and tab you want in a code snippet. Example:

       <script type="text/javascript">
            window.location.href = "http://www.sandtoft.org/new_site/install/links#tab2"
        </script>
    

    This does seem to work as needed, am doing further tests. So far the only problem I see is if I want to change the link I don't seem to be able to get back to edit the code snippet, as the page redirects immediately!! I'm experimenting on the test site at sandtoft.slx-online.biz if you want to have a look - Related Links tab.

    Regards.
    Peter.

Please Sign in or create a free account to add a new ticket.

With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

New-ticket Create new ticket

Create your profile

Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

Bug Tracker for Exponent CMS

Shared Ticket Bins

People watching this ticket

Attachments

Tags

Pages