Tabbed / Sectioned Widgets

[Brazmus]

Hi guys

I'm trying to find a TAB widget for my sidebar so I can put three widgets into one but seem to be having problems with them. Does this theme prevent them from working by any chance? So many of the FAQ sections always ask this.

Do you have any recommendations?

This looks like the most versatile when I initially saw it, but I don't see how you can put other widgets into it. Just looks like a text based one:
http://wordpress.org/extend/plugins/...t/screenshots/
(BLOG INFO: http://wpmu.org/cms-tool-of-the-week...you-want-them/)

Currently have this up on my site here:http://primalhealth.co/category/food_primal/


This was another one that I thought looked promising but the first tab was cut off by a few letters.
http://wordpress.org/extend/plugins/...s/screenshots/
(BLOG INFO: http://www.blogviche.com.br/plugin-sidebartabs/)

This one seems to work but doesn't look that fantastic and you can't change the colours.
http://wordpress.org/extend/plugins/...t/screenshots/

Appreciate your thoughts.

[Dan Nickerson]

Sorry no one has responded to this. Our theme should have no impact.

Switch to Twenty Ten and see if the tabs work.

[Brazmus]

Didn't work. Doesn't matter I decided to use this one that I talked about:

This one seems to work but doesn't look that fantastic and you can't change the colours.
http://wordpress.org/extend/plugins/...t/screenshots/

Would you have any idea how I could change the the 'Popular' tab results to actually be the popular post results? I've basically used a plugin called 'Special Recent Posts' twice within the Tabber Tabs Widget' that allows the 3 tabs you can see now on this page:

http://primalhealth.co/category/lifestyle_primal/

Also, how could I move the 3 buttons to the right so that they look more centered?

[Dan Nickerson]

To move buttons add this to the plugin css.

.style1 ul.tabbernav li.tabberactive a {
margin-left: 13px;
}

As far as popular posts that would be a question for the developer.

[Brazmus]

Thanks Dan.

I did this:

.style1 ul.tabbernav li a { /* inactive tabs */
background-color:#fff;
border:1px solid #ccc;
color:#666769;
font-size:11px;
padding:5px;
font-weight: bold;
}
.style1 ul.tabbernav li.tabberactive a{ /* active tab */
background-color:#666769;
border:1px solid #666769;
color:white;
font-size:11px;
padding:5px;
margin-left: 13px;
}

When I click on a tab, it moves the one to the left of it away from it. How could I prevent this?

[Dan Nickerson]

Have you checked with the developer and does it work correctly in TwentyTen for example?

[Brazmus]

No I haven't. I will give it a crack and ask him about popular posts at the same time.

[Brazmus]

Just to let you know what worked Dan:

He said to add this to custom CSS:

.style1 ul.tabbernav {
margin-left: 18px !important;
}

Then it worked.

[wwday3]

Any chance Socrates could have it's own tabbed/accordion widget?

I've tried several, and either they don't work at all (probably because of the JQuery version), or they render absolutely ugly. I'd like one similar to what Joel Comm has on his bog.

[lynnth]

Try this one: http://wordpress.org/extend/plugins/tabber-tabs-widget/