BB Code Enhancements - BB Code [table]

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:

[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

1. install attached product XML through product manager (overwrite existing)
2. 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)

1. rename a existing BB code "table" to "table_saved"
2. 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.

[espesso]

I have little question

How can i make this:

Attachment 96977

My Code:

PHP Code:

[TABLE="css=transp"]{css=top}[URL="http://url"][IMG]http://url[/IMG][/URL]|Text der ist lang.
[URL="http://url"]Download[/URL]|[/TABLE] 


CSS:

PHP Code:

/* format vBCode table */

.stg_table_transp {border: none; padding: 2px; background:transparent; }
.stg_table_transp .alt1 {background:transparent; }
.stg_table_transp .alt2 {background:transparent; }
.stg_table_transp td {border: none; background:transparent; text-align: center; }
.stg_tablerow_top td {valign:top; } 


Thanks

[StGaensler]

There is no property valign You want to use

.stg_tablerow_top td {vertical-align:top; }

Stefan

[belindazhu]

I met several problems, pls help me:

1. Where should "product-bbcode_table-multi.xml" be placed? Under the root or under the "install" file?

2. There is no [table] code in my BB code collection, so I don't know what is your meaning of "table_saved"

3. I set up a BB code [table], but I don't know how to write "Replacement", "Sample", "Description", use "Use {option}" or not?

[StGaensler]

Originally Posted by belindazhu

1. Where should "product-bbcode_table-multi.xml" be placed? Under the root or under the "install" file?

You can do what ever you want and place it where ever you want - but I would suggest importing this file as add-on in your vBulletin Admin Control Panel, as you would do it with every other add-on.

Originally Posted by belindazhu

2. There is no [table] code in my BB code collection, so I don't know what is your meaning of "table_saved"

If you don't have a [table] BB code this shouldn't bother you

Originally Posted by belindazhu

3. I set up a BB code [table], but I don't know how to write "Replacement", "Sample", "Description", use "Use {option}" or not?

You don't need to add a BB code by yourself, this is done by installing my add-on. So delete this BB code and install my add-on, if you want to use the functionality of my add-on.

[JWL]

This is very confusing, All I need is a simple format to post artiles with Photos wrapped inthe article

Something as simple as this below with no borders and transparent. I can surely use some help

Attachment 97305

[JWL]

OK, been figuring this out

{colsp=5} is merging or spanning cells

How does one go about spanning a row?

[jacx]

this is the bomb...nuff said!

[JWL]

I certainly have to say this mod is a very good mod once figured out. I am still playing with format, but as is I can now post my news articles in a far more appeasing look.
Still workign with spanning colomns and would like to understand how to span rows.

The only thing I had to do was to create a line break BBcode as [br].[/br] to simulate the

<br>

from html. Had to do this to seperate paragraphs with out adding another row with the return key :erm:

Attachment 97646

[JWL]

How would you change the default code to start with

PHP Code:

[table="css=transp"]|[/table] 


instead of

PHP Code:

[table=]~[/table] 


I just want this as a template

[jrap]

Awesome mod, just what I needed. Many thanks!