search

jellekralt / Responsive-Tabs

Responsive Tabs is a jQuery plugin that provides responsive tab functionality. The tabs transform to an accordion when it reaches a CSS breakpoint. You can use this plugin as a solution for displaying tabs elegantly on desktop, tablet and mobile.
http://jellekralt.github.io/Responsive-Tabs/
MIT License
531 stars 228 forks source link

How to add more tabs #13

Closed villemonte closed 10 years ago

villemonte commented 10 years ago

Hello - I didn't see anything in the instructions about how to add more tabs.

I've added 5 more in the HTML, but there's obviously more that needs to happen codewise.

Thanks!

jellekralt commented 10 years ago

Hi, do you mean adding a single tab item or a whole tab instance? Both should work just fine.

villemonte commented 10 years ago

Hi Jelle,

I appreciate you taking the time to answer!

I just need to add more tab items to the original tab instance. I need a total of 8 tabs, so I added 5 more

  • to the unordered list under the
    , then added 5 more
    tab contents. Of course, I changed the IDs and links to reflect the new item numbers, such as, “tab-4”, “tab-5”, and so on.

    I started from your “index.html” file and just modified it, so all the other code is the same with the exception of the newly added items. But for some reason, when I run the page from the server, it looks like this:

    [cid:image002.gif@01CF44E6.858E3510]

    Also, when I click on another tab, say Tab 5, it looks like this:

    [cid:image003.gif@01CF44E6.858E3510]

    Obviously, something is amiss, but I can’t figure it out what it is. It might be something in the Javascript or CSS because of the IDs of the new items, but I couldn’t track it down.

    Any ideas?

    Also, is it possible to get a vertical orientation with the tabs going up and down instead of across?

    Thanks so much, ☺ John Villemonte | Web Specialist ECKANKAR Spiritual Center Chanhassen, MN 952-380-2253 johnv@eckankar.org

    From: Jelle Kralt [mailto:notifications@github.com] Sent: Thursday, March 20, 2014 2:40 PM To: jellekralt/Responsive-Tabs Cc: John Villemonte Subject: Re: [Responsive-Tabs] How to add more tabs (#13)

    Hi, do you mean adding a single tab item or a whole tab instance? Both should work just fine.

    — Reply to this email directly or view it on GitHubhttps://github.com/jellekralt/Responsive-Tabs/issues/13#issuecomment-38211740.

    jellekralt commented 10 years ago

    Hi, Unfortunately, your screenshots don't work because Github doesn't proces attachments when replying to an issue. As far as I can tell, everything should work if you added the items like you describe. Could you maybe send your html structure?

    villemonte commented 10 years ago

    Hi Jelle,

    Well, I started over and now, for some reason, it works! – so obviously I messed up with something the first time.

    But I would like to know if a vertical orientation is also possible?

    Thanks again, John ☺

    From: Jelle Kralt [mailto:notifications@github.com] Sent: Friday, March 21, 2014 9:29 AM To: jellekralt/Responsive-Tabs Cc: John Villemonte Subject: Re: [Responsive-Tabs] How to add more tabs (#13)

    Hi, Unfortunately, your screenshots don't work because Github doesn't proces attachments when replying to an issue. As far as I can tell, everything should work if you added the items like you describe. Could you maybe send your html structure?

    — Reply to this email directly or view it on GitHubhttps://github.com/jellekralt/Responsive-Tabs/issues/13#issuecomment-38280064.

    jellekralt commented 10 years ago

    Hi,

    Strange, but i'm glad it works for you now. About the vertical orientation, I would like to add it to the plugin. Unfortunately I'm very busy at the moment so I don't know when I'll be able to add that functionality.

    • © Githubissues.
    • Githubissues is a development platform for aggregating issues.