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.

[Wired1]

Just installed it, great mod! I'm finding I have one issue with it though. Apologies if someone's posted this already. Did a quick skim of the thread but didn't see anyone with this issue.

Example code:

[table]column 1|column 2|column 3
row1|111|222
row2|333|444
row3|555|666
[/table]

Attachment 103665


As you can see in the first picture, it works just fine. HOWEVER, as soon as I use BBCODE that adjusts text in a cell (center or list will do it, but size won't) on a cell that is in the last column and isn't in the last row, it somehow thinks the next row's first cell is part of it, and merges them, which in turn nulifys the next row. Any rows after it work just fine. See my example below as well as the 2nd picture. NOTE: Yes, I know the wrong bracket is at the end of the center BBCODE. That's only so the forum here won't screw up the layout.

It doesn't affect the last row because there's no more cells after it to merge with.

[table]column 1|column 2|column 3
row1|111|222
row2|333|[CENTER]444[/CENTER}
row3|555|666
[/table]

Attachment 103668

Can anyone else duplicate this issue?

While I'm certainly open to the possibility that one of the mods on my forum could have caused this, I somewhat doubt it because I coded most of them, and none of them interact with posts.

[adnoid]

Originally Posted by Wired1

Can anyone else duplicate this issue?

While I'm certainly open to the possibility that one of the mods on my forum could have caused this, I somewhat doubt it because I coded most of them, and none of them interact with posts.

Consistently, and based on a comment earlier in the thread I use an extra empty line after any table row with such formatting - and it works. Give that a shot!

[Wired1]

Good idea, thanks!

[adnoid]

Originally Posted by Wired1

Good idea, thanks!

Also, to be sure - in your example you used a "}" where you should have used a "]"

[Wired1]

Originally Posted by Wired1

NOTE: Yes, I know the wrong bracket is at the end of the center BBCODE. That's only so the forum here won't screw up the layout.

:-)

[Valker]

first of all, the mod is great, but there is a problem.

Normally the table got this "stg_table_" style. Where can i adjust it ?
i´d like to add a padding, and the background...arg.
My bordsytyle is (imo ^^) quite beautiful, but die table uses alt1 and alt2 as standard, which is eye-mashing.
Just because the alt1+2 backgrounds have a shadow on the top.
So, the table gets illegible.

Therefor i´d like to know were i can adjust this style (not making a css=)
And when this is impossible, i´d like to have a more precise instruction of making a css=myclass. I really do have programming skills, but the instruction...i can´t figure it out.

[Rainstater]

This is great! downloaded and installed. I allready know many places that this will be used on my forums.

[Keesa]

What are the difference between???

I do not know which one to use.

table_bbcode-language-en.xml (5.1 KB, 2613 downloads)
product-bbcode_table-multi.0.1.6.xml (31.3 KB, 564 downloads)
product-bbcode_table-multi.xml (33.4 KB, 1769 downloads)

[Keesa]

Originally Posted by Valker

first of all, the mod is great, but there is a problem.

Normally the table got this "stg_table_" style. Where can i adjust it ?
i?d like to add a padding, and the background...arg.
My bordsytyle is (imo ^^) quite beautiful, but die table uses alt1 and alt2 as standard, which is eye-mashing.
Just because the alt1+2 backgrounds have a shadow on the top.
So, the table gets illegible.

Therefor i?d like to know were i can adjust this style (not making a css=)
And when this is impossible, i?d like to have a more precise instruction of making a css=myclass. I really do have programming skills, but the instruction...i can?t figure it out.

I added this in the Main CSS definition and was able to get the padding changed, maybe you can work from this?

table.stg_table td, table.stg_table th {
padding: 10px;
}

[Alfa1]

Thank you that's a very welcome enhancement.

For some reason the sortable function does not work for me anymore.