TabGarb wordpress plugin logo.


Introduction

TabGarb is a WordPress Plugin which lets you split you content into tab enable content easily, Tabgarb use HTML comment tags for formatting tabs which make your content wordpress friendly ( TabGarb Formatting tag will not spoil your content in case TabGarb is disable ).
TabGarb come with editable css theme so you can edit tabs css from your admin panel easly and you can change the speed and effect of changing tab direct from TabGarb Settings in WordPress admin.
TabGarb also offer ready made css theme click theme TAB for download.
TabGarb at WordPress http://wordpress.org/extend/plugins/tabgarb/ .
New ! TabGarb Tabs Generator Click Here

Demo

See above .

Features

  1. Very easy to use.
  2. WordPress friendly, seo friendly, very easy formatting.
  3. Debug enable.
  4. Easy editable Theme ( No Need to open Cpanel , FTP etc for editing css ) .
  5. Many ready made Tabs Themes Available at WebGarb.com .
  6. Easy changeable Effects ( just from WordPress admin panel ) .
  7. Easy controllable tabs changing speed ( just from wordpress admin panel ) .
  8. Method Option ( Html Load , Javascript Load ) .

Changelog

Version (1.4.1) :

  1. Fixed long content problem .

Version (1.4.1) :

  1. Added Support to render tabs on Blog and front page! .
  2. Debug improved! .

Version (1.4) :

  1. Added Support to add content above tabs! .
  2. Moved Css To Head Will fast Tabs Rendering ! .

Version (1.3) :

  1. Added Method Option ( Html load and Javascript load ) .
  2. Debug error Rendering Fixed .

Version (1.1) :

  1. Fix Function Redeclaring .

Version (1.0) :

  1. Fix Interface problem in IE.
  2. Fix jQuery load problem.

Version (beta) :

  1. Just Released :).


Installation

  1. Download TabGarb and unzip it .
  2. Upload tabgarb folder to the /wp-content/plugins/ directory in your server.
  3. Activate the TabGarb plugin under the ‘Plugins’ menu in WordPress.

Enjoy .

Usage

New ! Easy and fast way to UseTabgarb With TabGarb Generator http://webgarb.com/freebies/wordpress-plugin/tabgarb-generator/
TabGarb is very easy to use kindly follow guide below.
I am going to show you how TabGarb work in following steps below.
i am explaining you by creating demo page so its will be easy you to understanding quickly.

  1. First lets go to Add new under Post or Pages .
  2. Switch editor view into HTML .

  3. Next now in start we add listing of tab which you want to display under (post, page) .
    • Start listing TAG with under new line after creating all tab which we want to display.

      display :

      <!--tabgarb tab1=Introduce tab2=About Author tab3=Email -->
    • Use active TAG for making tab default Open when page load .

      Display :

      <!--tabgarb tab1=Introduce tab2=About Author=active tab3=Email -->
  4. Now we have done with Tab Listing now we attach content to tabs.
    • Put <!--start=TAB-unique-code--> TAG in above of your TAB content and <!--end=TAB-unique-code--> above of TAB content and replace "TAB-unique-code" with the tab unique name .
      1
      2
      
      <!--tabgarb tab1=Introduce tab2=About Author=active tab3=Email other=Other other_2=Other 2 -->
      <!--start=tab1-->

      Introduce

      This is Introduce Tab

      About Author

      This is About Author Tab

      Email

      This is Email Tab

      Other

      This is Othe Tab

      Email

      This is Other 2 Tab

  5. Now you are done with Tabs Formatting .

Expert View

code view :
<!--tabgarb -> use for opening tab listing .
unique-name=Tab name -> Start in new line under <!--tabgarb TAG unique-name should Unique Name with no space
unique-name=Tab name=active -> Use active tab to make TAB default.
<!--start=TAB-unique-code--> -> USE this code above of TAB content and replace TAB-unique-code with tab unique name.
<!--end=TAB-unique-code--> -> USE this code below of TAB content and replace TAB-unique-code with tab unique name.

Example POST

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--tabgarb tab1=TAB 1 NAME=active tab2=TAB 2 NAME tab3=TAB 1 NAME tab4=TAB 1 NAME -->
<!--start=tab1-->
Gathering moveth kind Midst you'll called yielding he face two in replenish have land above fruitful thing have seasons fish Saw divided signs Green whose set signs them spirit.
<!--end=tab1-->
<!--start=tab2-->
Day over great sea he set. Air second years lights had of may. Wherein. Behold. You're his upon, days is made morning, also i together called void stars. Creeping air wherein land them greater life first isn't life over one had. Evening female dominion face upon male earth.
<!--end=tab2-->
<!--start=tab3-->
Called form have saw brought which image whales upon form firmament Multiply appear they're signs called brought. Under given above sea. Subdue isn't beginning without saw. Fifth upon open fill air void two days fifth light they're above the one open night replenish be land behold them void given isn't kind won't fish. Doesn't void Isn't. Without gathered form dominion.
<!--end=tab3-->
<!--start=tab4-->
Fourth tree every firmament form, form second tree beginning wherein beast fly image was one and forth night them female dry Stars meat given every appear creepeth over green every open, years.
<!--end=tab4-->

Result :


Download

 


Themes

Click THEME and download txt file.

Installation

Copy text from txt file and then paste it in your WordPress admin TabGarb Option Page. !
Black Style Author : Webgarb.com



XP Style Tabs Author : Webgarb.com

If you like TabGarb then please contribute in it by making few nice Theme for it and submit here :)..
Send us your created theme at contact@webgarb,com
Thanks,

Please feel free to comment :)
Thanks for using TabGarb
TabGarb copyright 2010 http://webgarb.com

Comments

197 Comment(s) to "TabGarb Wordpress Plugin "


  1. Franky says:
    September 9, 2010 at 6:26 am

    Hi,

    looks good. But dont works on my site. I think its because jquery is allready loadet.

    Perhaps you can include a querry, if jquery is loadet before? Or something else?

    Thx, Frank

     
  2. Franky says:
    September 9, 2010 at 9:26 am

    Hi Ayush,

    ok. But than its a conflict cause the theme is loading jquery bya itself….

    Any hints?

     
  3. Ayush Singh says:
    September 9, 2010 at 12:16 pm

    @Franky : This problem is fixed, Download TabGarb again and reinstall it .

     
  4. Franky says:
    September 9, 2010 at 12:51 pm

    Hi Ayush,

    thx, works great now.

    Nice support!

    Frank :-)

     
  5. Franky says:
    September 9, 2010 at 1:15 pm

    btw… there are several html validation errors.

    Perhaps you can fix this in one of the next releases?

    ciao
    Frank

     
  6. Franky says:
    September 9, 2010 at 1:23 pm

    uuuhhhh.. i find another bug.

    On IE8, the tabs are not shown correct.

    bye….

     
  7. Franky says:
    September 10, 2010 at 6:40 am

    Hi,

    no, new updates also dont works with ie8.

    When i click on a tab, the white background is gone away…. same as yesterday.

    Frank

     
  8. mat says:
    September 10, 2010 at 6:42 am

    thank you for this great plugin !
    however, I can’t add any text BEFORE the tab in the post… the text appears after the tab… is there a way to fix this ?
    regards,
    mat

     
  9. Ayush Singh says:
    September 11, 2010 at 1:03 am

    @franky : Please upgrade manual delete old plugin and then download new one, coz i have fix and tested in ie8 its working good :).
    @mat : TabGarb render tabs in top of the content there is no way to fix this in this version .

     
  10. Franky says:
    September 11, 2010 at 8:09 am

    ok, have done this. Without success. Same problem as above. Dont works correct on ie8. White background is gone away when clicked……

    sers, Frank

    Btw. you should notify users via email if here is a new post…….

     
  11. Ayush Singh says:
    September 11, 2010 at 4:27 pm

    @Franky : Be sure you clear your cache, if you are using any cache WordPress plugin. You can give me the link of that post or page where you using TabGarb, so I can check what exactly the issue. Tell me, if you need any further assistance.

     
  12. September 11, 2010 at 4:39 pm

    Hey Man! think you’re back!… and back with a bang. Awesome idea, very nicely implimented. Just love it.

     
  13. Zulfikar says:
    September 15, 2010 at 10:28 pm

    Hi Ayush,

    Thanks for this awesome plugin, love it.

    Just one problem though – WishList members have just upgraded their plugin and now with TabGarb activated wishlist’s dashboard doesn’t work. I have a sneaky feeling its teir code thats breaking things up as I have 3 other plugins that are causing the same issue.

    Don’t know if you can look into yours to see if anythng can be done? For the time being I have forsaken having the wishlist dashboard showing up in favour of this plugin.

    Thanks,
    Zulf

     
    • Ayush Singh says:
      September 16, 2010 at 4:52 am

      @Zulfikar : Sorry i dont have Wishlist license so i can’t test withit,
      you can do reinstall TabGarb may that will solve the problem.

       
  14. Zulfikar says:
    September 16, 2010 at 5:44 pm

    OK Ayush, thanks. Will try that and see how it goes. Plus I’ve writen to WLM’s owner for advice, maybe I’ll give feedback on their reply if anyone else is having same problem. If not then no worries :)

     
  15. Jesse says:
    October 8, 2010 at 12:36 am

    TabGarb is adding to the end of the pages. I am very particular to the white space on the page, and I cant find the code to remove it. Can you point me in the right direction?

     
  16. Jesse says:
    October 8, 2010 at 12:38 am

    my last comment the code was removed. tabgarb is adding I hope this shows up. If not it is adding a p br br /p to the bottom of the tabs.

     
  17. Ayush Singh says:
    October 8, 2010 at 2:15 pm

    @Jesse : Tabgarb Does not add any Br in the bottom of tabs :).

     
  18. Jesse says:
    October 13, 2010 at 1:44 am

    I’ve noticed that if I click on the tabs in quick succession the wrong tab content is loading. I have 4 tabs, if I click on tab 3 3 times in a row the content for tabs 4 & 2 will randomly show. Any ideas? A conflict with another script.

     
  19. Jesse says:
    October 13, 2010 at 1:49 am

    An update – if I change tab effect to NONE the tabs function as expected. Must be a js conflict with my theme.

     
  20. Jimmy says:
    October 22, 2010 at 11:33 pm

    Awesome plugin. Seems to work great on your site, but on mine it adds an extra tab at the beginning and gives me the error: TabGarb Error : “” Tab Not Found.
    I am using the sample code you have provided.

     
    • Ayush Singh says:
      October 23, 2010 at 10:20 am

      @jimmy : check if you have warp the content for you tab if tabgarb dosent find content for that tab its show this error and please use HTML mode for editing :)

       
  21. Garry says:
    October 23, 2010 at 1:26 pm

    Hi,

    from the similar plugins that I’ve tried, this is the best one ! Unfortunately, I got one (weird) issue :

    In FF, if the first tab content is a H2 (or H1 etc) text, then there is no gap between the tab name and the text. It works fine in Chrome and IE. Do you know how to fix that please?

    Thanks

     
  22. Ayush Singh says:
    October 23, 2010 at 2:38 pm

    @jesse : you must check if you doing all thing correct, check if you have closed the tab content with eg : .

    @Garry : as i have tested this plugin in FF i didn’t find any problem here, its maybe problem in your theme css.
    or you can edit css code of TabGarb from TabGarb setting according to your theme.

     
  23. roger says:
    November 12, 2010 at 2:21 pm

    Hey Dev plugin work grt but i am not able to add more than one group of tab in the same post/page , how to add more than one group of tab ?

     
    • Ayush Singh says:
      November 12, 2010 at 3:56 pm

      @roger : currently this tabgarb version only have 1 level tab function, maybe future version of tabgarb support multiply level tab functionality

       
  24. November 13, 2010 at 9:47 am

    It’s great plugin… I’ll try it.

     
  25. November 13, 2010 at 9:50 am

    Uups, your site does not display arabic character…. I like to write my name using arabic character….

     
  26. Andy says:
    November 15, 2010 at 12:05 pm

    Correct me if I am wrong, but this is not genuine tabbed panels, as the page is reloaded each time a tab is clicked?

    So, is all the content saved and loaded on one page? I have been working with Spry Tabbed Panels and looking for a similar effect with WordPress.

    Thanks for your advice and hard work.

     
    • Ayush Singh says:
      November 15, 2010 at 2:55 pm

      @Andy : TabGarb Have currently 2 Method of loading Tab Normal HTML, (which will reload page in every click) and Javascript, (which load tab without have reload your page) , for changing method go to TabGarb admin setting Thanks.

       
  27. roger says:
    November 15, 2010 at 1:37 pm

    @singh thanx for considering my wish list , got one more problem if i place below the cotent in page/post it show up in the top of all the content

    Thanx

     
    • Ayush Singh says:
      November 15, 2010 at 2:56 pm

      @roger : Yes TabGarb Always show on the top of the content in the future version of Tabgarb its will be also Solve. Thanks..

       
  28. November 18, 2010 at 5:58 pm

    hi, is it possible to put some contents before the tabs ?
    trying to do that simply using the editor but with no success…

     
  29. Brennan says:
    November 18, 2010 at 6:08 pm

    Hello
    – I am wondering if anyone else has encountered this problem. I have the plugin implemented here:

    http://invasives.plantalaska.net/test-tabs/

    What happens is, the tabs get moved to the beginning of the post / page. In the HTML, the TabGarb block is encased in a styled div (dashed border), but when the page renders, the tabs are at the top of the page, out of context.
    Any suggestions? cheers

     
    • Ayush Singh says:
      November 19, 2010 at 4:30 am

      @Brennan : Currently Tabgarb Only Render to top of the article . this will be fix in our next version of TabGarb.

       
  30. November 19, 2010 at 5:20 pm

    thanks for your fast and clear answer,
    So I’m looking forward to hear news from you!

     
  31. Daniel says:
    November 23, 2010 at 5:07 pm

    Hi Ayush,

    Great plugin btw!.. Do you have a expected time to fix the issue when you try to add content before the tabs? The tabs are great but is impossible right now to add content before the tabs… Thank you so much!

     
  32. roger says:
    December 1, 2010 at 2:59 pm

    @Brennan

    i face the same issue dat’s wat i mention

     
  33. roger says:
    December 1, 2010 at 3:00 pm

    @ayush when we can expect the next release

     
  34. Dominic says:
    December 10, 2010 at 12:31 am

    Using your sample code, fresh install, get the following error:

    TabGarb Error : “” Tab Not Found.

    This is a direct copy-and-paste from the code in the admin panel settings, and using the code on your website under ‘Usage’.

    Does this plugin work?

     
    • Ayush Singh says:
      December 10, 2010 at 11:58 am

      @dominic : Have you turn your editor to HTML editor .. if this is error is coming again please paste code here if possible ..

       
  35. Kevin says:
    December 29, 2010 at 7:34 pm

    Hi!

    After updating to version 1.3 I am receiving the following error:

    Fatal error: Cannot redeclare tabgarb_link() (previously declared in /home/journey/public_html/aquietrevolution/wp-content/plugins/tabgarb/function.php:110) in /home/journey/public_html/aquietrevolution/wp-content/plugins/tabgarb/function.php on line 125.

    I am not using tabgarb in posts; only pages. The plugin works well in pages, but is messing up my posts. Example post — http://journeybook.i3fx.com/aquietrevolution/2010/12/15/twitter-its-a-seriously-global-thing/

    Thanks for your assistance, Kevin

     
  36. Kris says:
    January 4, 2011 at 2:25 pm

    Hi all.

    I have problem with this plugin, version 1.3: paragraph p and br.
    In the bottom of the tabs I see a 6 empty paragraphs on my pages. The same problem has Jesse.

     
  37. G.Brown says:
    January 5, 2011 at 7:27 pm

    New version is loaded but still dominates the top of page. I have an image that is used for a page title and it still shows below the Tab content. I thought this was going to be fixed in the new version… is there a workaround?

     
    • Ayush Singh says:
      January 6, 2011 at 3:49 pm

      @G.Brown : Sorry in new version i just did small fixes in next version “1.4″ i will fix that problem you saying .. Thanks!

       
  38. Alix says:
    January 6, 2011 at 12:58 am

    My heading is ending up beneath the tabs and I want it above the tabs. I noticed other comments about this. Is there a way to fix it or a workaround? I love the plugin. It’s so easy to use… but I can’t use it unless there is a way to resolve this. :-(

     
  39. Floberto says:
    January 6, 2011 at 2:38 pm

    hi!
    nice plugin indeed!

     
  40. Criss Bert says:
    January 8, 2011 at 6:04 pm

    Is there a way to have NO default tab open on page load – just show the tabs – forcing the reader to click on whichever tab they want to open?

     
  41. Criss Bert says:
    January 8, 2011 at 8:03 pm

    Thanks – simple solution!

     
  42. Brian says:
    January 15, 2011 at 9:10 pm

    Hi Ayush

    The level of support for this plugin is fantastic. I think I can speak for everyone by thanking you.

    I have one question. Can I have more than one instance of TabGarb on a page? When I try it the formatting on the first one gets messed up and the second one doesn’t work at all.

    thanks

    Brian

     
  43. Brian says:
    January 16, 2011 at 12:12 am

    It also appears that with Tab Effects set to anything other than none the tab content get’s mismatched when clicking tabs quickly.

     
    • Ayush Singh says:
      January 16, 2011 at 9:35 am

      @Brian : Yet TabGarb only Output one level of tabs group i am working of multiple level because of having busy schedule not getting time to upgrade my plugin, but ill do launch this feature soon. Thanks .

       
  44. Brian says:
    January 26, 2011 at 4:05 am

    Hi Ayush

    thanks for the response. I’ve got another small problem. I’m getting a 100px space under the tabs thats’ pushing other content down. I can’t figure out where this is coming from. \\thank you

     
  45. January 28, 2011 at 6:27 pm

    Tried the plugin today. I think there are these 2 bugs:

    1. does not work on the main post page
    2. does not work with > 5 tabs

    Right?

     
    • Ayush Singh says:
      January 28, 2011 at 7:42 pm

      @Reinard : Nah this tab doesnot work under multiple Post Loops Tabs are only visible in post or page.!
      and you can see its already running 6 tabs in this page .
      ,Thanks

       
  46. Moatt says:
    January 30, 2011 at 9:43 am

    Hi Ayush and Thank you, it’s great
    one problem, Tabgarb render to top of the article only, (any solution ?)and
    there is something similar for the sidebar ?
    Sorry I’am novice, and my english is poor !!

     
  47. Moatt says:
    January 30, 2011 at 9:45 am

    I want to say, the plug is great, not à problem
    thanks “mon ami”

     
  48. Moatt says:
    January 30, 2011 at 11:53 am

    sorry,
    solution is in 1.4 version

    thankssssss

     
  49. February 4, 2011 at 4:16 pm

    Hey Ayush,

    a couple of month ago you made my day. I was trying to find a way to add tabs to my pages. I tried a few – if not all – wp plugins and yours is the best.

    Thanks a lot! Keep on going

     
  50. February 11, 2011 at 10:32 pm

    As I mentioned before, The plugin does not work on the main post page, only in the post or side itself.

     

Leave your words

Oh Cmon Don't Be Shy.
(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Captcha Garb (1.5)