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.

[g0dfather1984]

Originally Posted by StGaensler

@kud0gfx
As stated in the first post this is currently not possible.

@g0dfather1984
Go to AdminCP -> BB Codes and edit one BB Code and safe it without any changes. I'll have to update that cache with the next versions

Thank you, works well.

[Razasharp]

Great hack - thanks Stefan!

I'm testing this as at the mo but seem to have problems with it's sorting.

Say I have the points column as the default sort, for some reason, if the figure is only 2 characters it gets sorted higher than what should actually be at the top :-/

EG:

Name | Points

Me | 300
You | 500
Someone else | 82
And another | 99

It get's sorted like this:

Someone else | 82
And another | 99
You | 500
Me | 300

If I change the figures to 082 and 099 it works fine.

Is this a known problem? Have I done something wrong? I used the 0.1.7.1 product and EN language pack.

Any help appreciated, thanks.

[StGaensler]

Hi. Sorry, I didn't get notified for this.

On my testboard this works as expected. Maybe it doesn't work on your board because you use a blank (why do you use it?) before the nuber. Does it work, if you remove the unnecessary blank?

[Razasharp]

Hey Stefan - no probs I guessed you were busy

And... thanks! Sorted now!!

(ps, is there anyway to make it a bit like excel and do calculations for you? Eg the sum of col 1 AND col 2 gets put in col 3? That would be insane!)

[sean-zigster]

Help i installed this item and all sees well but i cant seem to use it !

I dont have the little button to define tables etc

sorry for being a noob but how do i see how to insert a table !!

[tafreeh]

okay .. i install this mod.. did everything right... but cant see this mod in action means there is no table button in my bbcode area.. eventho i added a lil image

[segwayon]

Originally Posted by sean-zigster

Help i installed this item and all sees well but i cant seem to use it !

I dont have the little button to define tables etc

sorry for being a noob but how do i see how to insert a table !!

I've attached a little table icon button which I designed for my forum.

1. Save the attached image file (table_icon1.jpg) to your PC by right-clicking on it and selecting "Save Picture As . . ."
2. Upload it to your (forumpath)/images/editor/ folder.
3. Tag the image file path and name into the Custom BB Code listing within the AdminCP.
4. Save the Custom BB Code change.
5. Test it out.

[mokonzi]

I use vbPortal... and I've noticed that the image doesn't show up when the editor is pulled from the forums (the Portal resides in the root of the website, with the forum in a folder).

I've been trying to work out where the code is that is used in the Editor to display the button... cos I need to add a simple variable in front to get it to work in the Portal. Where do I need to look to find the code to adjust it?

Edit:

Strike that... found out what I needed.

[OblivionMage]

Nevermind, the problem was not being caused by tables.

[TaMpE]

I can't see the Icon in the posting thread