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.

[ChiliVB]

Originally Posted by StGaensler

Do you want to fill a table cell with text or with a colour?
The second will be possible in future, because I want to allow a user to choose the CSS class of the table and each individual row. Sorry, currently this is not possible. In your example I would add the comments below the table and would not include them into the table.

Choosing a class by individual row would be great. Or being able to fill a single cell with a color. I'll look forward to utilizing a CSS class for a row hopefully being a possibility in the future.

[StGaensler]

Good news: New beta version out!

New: Settings for this vB Code in AdminCP -> vBulletin Options -> vBulletin Options -> BB Code [table] Settings (disable some features, disable it generally, ...)
New: Small notice in HTML Comment below table that it was generated by my vB Code - please do not remove!
New: Supporting different languages through phrases (excluding install and uninstall messages). Translators are welcome!
We proudly present:
New: Allowing user to define css class of the table (by adding css= to the option) and every individual row (by adding {css=XXXX} at the beginning of a line). Closer description of how this value is processed can be found at the settings in AdminCP, where possible values can be defined.

Installing:
Simply install attached product through product manager (overwrite existing) and install one (or both) language packs 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!

EDIT: Removed attachments as this beta version became last stable.
Attached Files
product-bbcode_table-multi_beta.xml (25.6 KB, 21 views)
table_bbcode-language-en.xml (2.6 KB, 16 views)
table_bbcode-language-de.xml (2.6 KB, 12 views)

[mkdevo]

just installed the beta, but can't install the language pack as it was created with 3.5.4 and i'm running 3.5.2.

any chance of getting a 3.5.2-compatible language pack, or am i out of luck?

[Cole2026]

Originally Posted by StGaensler

Good news: New beta version out!

New: Settings for this vB Code in AdminCP -> vBulletin Options -> vBulletin Options -> BB Code [table] Settings (disable some features, disable it generally, ...)
New: Small notice in HTML Comment below table that it was generated by my vB Code - please do not remove!
New: Supporting different languages through phrases (excluding install and uninstall messages). Translators are welcome!
We proudly present:
New: Allowing user to define css class of the table (by adding css= to the option) and every individual row (by adding {css=XXXX} at the beginning of a line). Closer description of how this value is processed can be found at the settings in AdminCP, where possible values can be defined.

Installing:
Simply install attached product through product manager (overwrite existing) and install one (or both) language packs 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!

I've seen some people really looking around for this, congrats on your release.

[StGaensler]

Originally Posted by Cole2026

I've seen some people really looking around for this, congrats on your release.

Thanks

Originally Posted by mkdevo

any chance of getting a 3.5.2-compatible language pack, or am i out of luck?

The attached file should work for you - I simply edited the version number.
I'm sorry but I can't try this out at this time, because I'm not at home where my testserver with different versions of vBulletin stands.

EDIT: Attached file no longer neccessary
table_bbcode-language-en.xml (2.6 KB, 2 views)

[StGaensler]

As no one of the 21 people having downloaded the beta version reported any bug I released the last beta version (0.1.3.8) as stable (0.1.4) and started working on the next beta version (0.1.5.x). No significant changes have been made between theese two.

[twitch]

Very cool! Thanks

[Gandalf-LoJ]

This is great, installed.

However, a bit more detail on the CSS side would be nice.

In the BB Code table Settings there are two fields at the bottom, 'CSS Classes For The Table' and 'CSS Classes For The Tablerows'

Now, I've been playing around with different things in here but none seem to be having any effect. CSS is ticked at the top.

I'm not 100% sure on what format these boxes are expecting so I've tried a few options to see if it affects the table. eg;

stg_table_transp {font-weight: large; }

and just

transp {font-weight: large; }

the table is built with

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

The font in the table stays the same in the CSS table and the one without.

Are these boxes expecting normal CSS formatting or are there only specific things that you can do? I may be missing something really obvious here, but I just can't get any format to stick!

[StGaensler]

I already posted an example css: https://vborg.vbsupport.ru/showpost....8&postcount=19
I know I spend more time writing my code than explaining it

Your code:

stg_table_transp {font-weight: large; }

contains some mistakes:

• "large" is not a valid property of font-weight - "bold" would be one
• to format a css class you need to add a point before the class name: .stg_table_transp
• You want to format the text in the table, not the table itself. Theoretically the property would inherit but the vBulletin css defines a format for the <td>-tag

So this will work:

.stg_table_transp td {font-weight:bold; }

If you want to format only a single row you will have to use the css class stg_tablerow_transp e.g. in this way:

.stg_tablerow_transp td {font-weight:bold; }

[Boofo]

Can this be set so a user can not make it any bigger than a predifined setting? I have a fixed width skin.