The Arcive of Official vBulletin Modifications Site.

BB Code [table] · **Released**: 02-13-2006

BB Code [table]
by StGaensler

Description
This Hack provides a BB code [table] to add a table to the post
The skin of the table automatically fits the style because the CSS classes of vBulletin are used.

A table is simply made of some lines (will be the rows). The cols are seperated by |. So this will be a table:

Code:

[table="head"]head col1|head col2|head col3
row1 col1|row1 col2|row1 col3
row2 col1|row2 col2|row2 col3[/table]

A screenshot of a "ready" table is attached

Usage

install attached product XML through product manager (overwrite existing)
install at least one language pack in AdminCP -> Languages & Phrases -> Download / Upload Languages -> Import Language XML File
Important: Select the language you want to import the phrases into, not "(Create New Language)" - this won't work! If you use another version of vBulletin than I use enable "Ignore Language Version" to import the language pack.

Please note: (installing)
Installing this product will: (reverted during uninstall)

rename a existing BB code "table" to "table_saved"
add a new BB code [table]

If you want to have live sortable columns (JavaScript): Download attached sorttable.js.txt rename it to sorttable.js and place it into the /clientscript/ folder of your vBulletin. Then go to AdminCP -> vBulletin Options -> BB Code [table] Settings -> Enabled Features Of This BB Code and enable sortable
Note: Including the file on the webpages where it is necessary is done by my product. So if sortable is disabled, it won't be included automatically.
If you want to have a icon for the editor you may use this for free:

Download this icon and place it in your /images/editor/ folder.

Please note: (usage)

Of course you can use vB Code and smilies inside the table!
The first line defines how much columns are in the table. If the other lines have more or less colums they are cut off or filled with   (space)
You can find a detailed description of the options (please read it before requesting help)
Empty rows are (should be ) removed.

New features

define colspan of cells
small panel in AdminCP
define CSS class of table and tablerows
live sorting of table through clicking the head of a column
defining maximum width of a table

Maybe planned features

detailed description of the vB Code in misc.php?do=bbcode depending on the features enabled in AdminCP (planned for next beta version)
define formatting (bold, italic), align (left, right, center) and width of the cols

Suggested but not planned features

none

Known problems

Bugfix of version 0.1.1 doesn't work if vBulletin should write template names into the source code

Version history:
0.0.1 - 0.0.5 internal releases for testing purposes (Thanks to Zombie79 from powerforen.de for testing)
0.1 first official release
0.1.1 fixed small bug: if a line ends with eg vbcode quote no new row was generated (should already have been fixed but did not work)
0.1.2 workaround: removed call to function bcmod(), it could also be done another way

0.1.3.x beta version described here (and following) - added admin panel, colpan and css feature
0.1.4 stable version - no significant changes to the last beta (0.1.3.8)
0.1.5.x beta version described here (and following) - added sortable, maxwidth, versioncheck, upgrade message, compatibility to vB 3.6
0.1.6 stable version - two bugfixes to last beta, {br} for posting linebreaks in a tablecell
0.1.7.x stable version - compatibility to vB 3.7 (description) - added tab seperated tables

This hack can be used for free. If you want to make a small donation, just contact me. We will find a way

I don't want this product to be distributed from other sources. Please don't upload it to other vBulletin related boards etc.

StGaensler · #62 05-22-2006, 05:36 PM

You don't have to remove this class - simply overwrite it by your own class:

Code:

.stg_table_transp {border: none; padding: 2px; background:transparent;}

I would also set the background color of .alt1 and .alt2 to 'transparent' rather than to a defined color. If someone quotes a post with such a table the background will have another color.

I set this css class so that the table fits into the design of the style - the standard vBulletin tables also have set this class.

Gandalf-LoJ · #63 05-23-2006, 06:42 AM

Quote:

Originally Posted by StGaensler

You don't have to remove this class - simply overwrite it by your own class:

Code:

.stg_table_transp {border: none; padding: 2px; background:transparent;}

I would also set the background color of .alt1 and .alt2 to 'transparent' rather than to a defined color. If someone quotes a post with such a table the background will have another color.

I set this css class so that the table fits into the design of the style - the standard vBulletin tables also have set this class.

Perfect, thanks

I can't believe I missed that one, I tried many variations but not the background option

evesve · #64 05-23-2006, 03:58 PM

I guess I need some more help to get it work

I tried to put this in "CSS Classes For The Table"

Code:

.stg_table_transp {border: none; padding: 2px; background:transparent;}
.stg_table_transp td {border: none; }
.stg_table_transp .alt1 {background:transparent; }
.stg_table_transp .alt2 {background:transparent; }

And the code for the table:

Code:

[table="css=transp"]testcol1|testcol2
{css=transp}testcol1|testcol2[/table]

What?s wrong whith that?

StGaensler · #65 05-23-2006, 04:07 PM

No, in this field you have to add only transp nothing else. Append the css code in AdminCP -> Styles & Templates -> Style Manager -> (Dropdown) Main CSS -> Additional CSS Definitions

evesve · #66 05-23-2006, 05:53 PM

Quote:

Originally Posted by StGaensler

No, in this field you have to add only transp nothing else. Append the css code in AdminCP -> Styles & Templates -> Style Manager -> (Dropdown) Main CSS -> Additional CSS Definitions

So easy, THANKS!

So...
Step 1
Append the css code in AdminCP -> Styles & Templates -> Style Manager -> (Dropdown) Main CSS -> Additional CSS Definitions

Code:

/*****TABLES******/
.stg_table_transp {border: none; padding: 2px; background:transparent;}
.stg_table_transp td {border: none; background:transparent; }
.stg_table_transp .alt1 {background:transparent; }
.stg_table_transp .alt2 {background:transparent; }
/*****TABLES END******/

Step 2
Define css class AdminCP ->vBulletin-options -> BB Code [table] Settings ->CSS Classes For The Table

Code:

transp

...and enable the css feature in "Enabled Features Of This BB Code".

Step 3
Put this code (example) for your table:

Code:

[table="css=transp;width=450"]testcol11|testcol21|testcol31
testcol12|testcol22|testcol32
testcol13|testcol23|testcol33
testcol14|testcol24|testcol34[/table]

Than I clicked on B to get the first row bold.

So...was this the best way to do it?

StGaensler · #67 05-23-2006, 06:18 PM

Yes, this is very good

You only have a small mistake: Step 2: Set transp not table. You only have to set it for the table, not for the tablerows (which is possible too but then you have the css class .stg_tablerow_XXX and you can apply it by adding {css=XXX} to a row)

Don't forget to enable the css feature in "Enabled Features Of This BB Code".

evesve · #68 05-23-2006, 07:33 PM

Quote:

Originally Posted by StGaensler

Yes, this is very good

You only have a small mistake: Step 2: Set transp not table. You only have to set it for the table, not for the tablerows (which is possible too but then you have the css class .stg_tablerow_XXX and you can apply it by adding {css=XXX} to a row)

Don't forget to enable the css feature in "Enabled Features Of This BB Code".

OK, I changed it in my last post.

I made a new css class:

Code:

.stg_tablerow_black {background:#000; color:#FFF; }

this looks great but I can?t use it together with transp like:

Code:

[table="css=transp;width=450"]testcol11|testcol21|testcol31
{css=black}testcol12|testcol22|testcol32
testcol13|testcol23|testcol33
testcol14|testcol24|testcol34
[/table]

and I can?t get it black in the 1st row

Can you give me an example for:
Row 1 "css=black"
Row 2-? "css=transp"
???

StGaensler · #69 05-27-2006, 06:39 AM

Why didn't I get a notification mail???

It's the mystery of css:

Code:

.stg_tablerow_black td {background:#000; color:#FFF; }

works in my board

I also can get the first row black:

Code:

[table="css=transp;width=450"]{css=black}testcol11|testcol21|testcol31
testcol12|testcol22|testcol32[/table]

Which version of my mod do you use?

evesve · #70 05-28-2006, 07:50 PM

Quote:

Originally Posted by StGaensler

Why didn't I get a notification mail???

It's the mystery of css:

Code:

.stg_tablerow_black td {background:#000; color:#FFF; }

works in my board

I also can get the first row black:

Code:

[table="css=transp;width=450"]{css=black}testcol11|testcol21|testcol31
testcol12|testcol22|testcol32[/table]

Which version of my mod do you use?

I use version 0.1.5 BETA.

evesve · #71 05-28-2006, 08:00 PM

It?s getting better and better!!!

I had a small space:

Code:

[table="css=transp;width=450"] {css=black}testcol11|testcol21|testcol31

This was better!

Code:

[table="css=transp;width=450"]{css=black}testcol11|testcol21|testcol31

No more complains!!!

Thanks!

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.05187 seconds Memory Usage 2,367KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (16)bbcode_code (4)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (4)pagenav_pagelink (2)pagenav_pagelinkrel (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (9)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!