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.

[ThreeD]

thanks StGaensler, I don't know if it's vbulletin 3.6.7 or whatever, but all I get is the default grey 1px border, no matter how many settings I tweak and change.

I've tried

.stg_table {border: 1px solid #000; padding: 5px;}
table.stg_table {border: 1px solid #000; padding: 5px;}
.stg_table_table {border: 1px solid #000; padding: 5px;}

nothing is working to change the border colors could it be a vbulletin cache problem? Anything I can reset in the maintenance area? I've evern tried to uninstall the plugin and reinstall it, that doesn't help either. Danke f?r die Hilfe StGaensler.

[StGaensler]

Do you really mean the border or the background of the table (which per default is grey)?

background: green, border: red
Attachment 68587
I used this css:
.stg_table {border:3px red solid; background:#4D4; padding:5px; }

Are you using the standard vBulletin style?
May I have a link to your board so I can look at it by myself?

Stefan

[ThreeD]

Sent you a PM with URL, thanks for your help.

I am using the default/standard vbulletin style, so it shouldn't be any problem.

[StGaensler]

No problem

It is a silly but simple bug. Before my CSS line there is this CSS code:

.navmenu { border-bottom: [...]; )

Do you see it by yourself? Right, there is no } at the end of the line, but a ) - thats wrong. If you use the right bracket it works

Stefan

[ThreeD]

I was about to say that I'm REALLY embarassed if that was the error giving me the headache, but it wasn't. I changed the ) to } but it's still the same Sigh.. thanks for your help though StGaensler.

[StGaensler]

Yes, the error occurs, because you still use .stg_table tborder {.
As I said in post #180 of this thread, you have to remove the tborder from your definition.

Stefan

[ThreeD]

OMG hehe..there we go! Danke Dir Stefan..

[alexsinev]

StGaensler,

why do I cannot make a table with only one row and one column, like this:

[table]only one row and column[/table]

I want to use your BB code for making boxes around the text sometimes. I can only make that by adding '|' before or after the text:

[table]|only one row and column|[/table]

That's a pity.

[StGaensler]

Originally Posted by alexsinev

I want to use your BB code for making boxes around the text sometimes.

Thats not the sense of a table - it exists to format/display tabular content, and not for "making boxes". I consider using <div> or <span> for that.

But if you want to use it this way...
Remove this code from the plugin xml (line 150ff.) and import it again:

# if we have only one row and one cell a table makes no sense - return input with no change
if($bbcode_table['table']['rows']+$bbcode_table['table']['cols']==2)
{

	return $code;
}

Stefan

[TigerWare]

This is a great modification StGaensler, thank you! I adore the live column sorting. :up:

Installed.