[tabs] bbcode 1.1.0

[Rigel Kentaurus]

Rigel Kentaurus submitted a new resource:

[tabs] bbcode (version 1.0.1) - Add tabbed content in your post

Special thanks go to The Dark Wizard, whom sponsored this add-on, paid for it in full and agreed to release as a free resource to the community.

This addon adds a [tabs] BBCode that you can use in any post to add tabbed content.
This is useful for posts that have rules, details, or rather lots and lots of content and you are looking to have that organized.

View attachment 35541

Read more about this resource...

 

[ArnyVee]

Very cool.

Will the styling and options carryover into each of the tabs or only regular text?

 

[Rigel Kentaurus]

Very cool.

Will the styling and options carryover into each of the tabs or only regular text?

Yes. Anything you have inside the tab will remain with whatever style you added inside the [tab] bbcode part of it You can insert images, a media tag, add rich formatting, etc.

You could even add tabs inside a tab

 

[ArnyVee]

How can you have squared instead of rounded edges on the tabs?

 

[Rigel Kentaurus]

How can you have squared instead of rounded edges on the tabs?

There is a css class on the tab, you can style it in whichever way you want.
If you install the add-on look at the bccode_tabs.css template

 

[ArnyVee]

Rigel, just got this when importing....

Fatal error: Class 'XenForo_Phase' not found in /home/xxxxxxx/xxxxxxxx.net/library/KingK/BbCodeManager/ControllerAdmin/CustomBbCodes.php on line 154

 

[Rigel Kentaurus]

Rigel, just got this when importing....

By looking at the name of the class that is giving you that error
library/KingK/BbCodeManager/ControllerAdmin/CustomBbCodes.php

I could say that is completely unrelated to my Add-On

 

[0xym0r0n]

AAAWWEEESSOMMMEEEE

*watch. like. love.*

 

[Luis]

Rigel, just got this when importing....

Arny no has to be imported with the BBcode Manager. You have to install it as a Addon

 

[ArnyVee]

Arny no has to be imported with the BBcode Manager. You have to install it as a Addon

Ah ... I assumed it was to be imported as bbCode. Thanks Luis.

 

[ArnyVee]

Rigel, how do I edit the spacing and width of the tabs to avoid the 'breaking' shown below

..


..
EDIT: I changed the padding on each tab from 22px to 12px in the bbcode_tabs.css and seems alright. But, if you notice there are no 'dots' on the unordered list within the tabs.

 

[chaosgow]

Good plugin. UTC thanks you for your hard work! Top addon!

 

[The Dark Wizard]

We were the ones who gave Rigel the CSS for the tabs as they are.

Here is what they look like on our style with a bit more editing.

http://www.rpdom.com/threads/october-update-new-features-and-more.54213/

 

[ArnyVee]

TDW, do your tabs work with unordered and ordered lists within the tabs?

 

[The Dark Wizard]

TDW, do your tabs work with unordered and ordered lists within the tabs?

It makes the unordered/ordered list but it gets rid of the "dot" or the number.

I'm sure Rigel will look into it soon .

 

[ArnyVee]

Cool, thanks for confirming. I wanted to be sure that it wasn't just something I did wrong.

This is a very cool thing to have as a bbCode and will be very useful

 

[The Dark Wizard]

Cool, thanks for confirming. I wanted to be sure that it wasn't just something I did wrong.

This is a very cool thing to have as a bbCode and will be very useful

Indeed!

We use it for RPing, it makes character sheets much nicer, to have a tab for like stats and history and stuff.

We plan to have a few more things commissioned that should just be as equally nice !

 

[EQnoble]

I did something like this using bbcm and an addon but it is really nice to see the bbcode completely hard coded in php. Kudos for the public release (and the funding) and thanks.

@ Arny I can probably help you with some of the css for these if you need some assistance if you just pm me a link to a post @ your forum that uses this.

 

[ArnyVee]

Thanks EQnoble.

I'm using it on a site that is still in development. But, I'll PC you a link if that is cool with you.

 

[Robyn Unc Privette]

When I use

[tabs]
[tab=Eggs][URL='http://taleofdragons.net/levelup.php?id=dGrPt'][IMG]http://taleofdragons.net/get/dGrPt.gif[/IMG][/URL][/tab]
[tab=Stage 1][URL='http://taleofdragons.net/levelup.php?id=dGrPt'][IMG]http://taleofdragons.net/get/dGrPt.gif[/IMG][/URL][/tab]
[tab=Stage 2][URL='http://taleofdragons.net/levelup.php?id=dGrPt'][IMG]http://taleofdragons.net/get/dGrPt.gif[/IMG][/URL][/tab]
[/tabs]

It doesn't show at all. Just an empty box.