WIP BBCode Tables

0E800

Working on another bbcode extension (yep, that's all I seem to be able to do).

Here is what I have so far. 4 cols x 6 rows

Imgur

Mobile Responsive View:

Imgur Imgur

I don't want to get crazy, but what do you guys suggest would be the most common dimensions for tables?

Columns x Rows:
2 x 3,
2 x 6,
3 x 3,
3 x 6,
4 x 2,
4 x 3,
4 x 6

foros

0E800 2 x 6,

Felli

I myself don't use BBCode, but I'm glad that someone is adding onto the extension, now if only someone would do the same with the markdown extension! ?

Zeokat

From my point of view, will be a cleaner option add markdown support for tables in core. Anyway, have a BBcode alternative is ok.

HugoGit

Hi @0E800 !
Great job ! Where or when can we test it ?

0E800

HugoGit

Apologies, been sick and not motivated. I will pick it up and try to have something available in a few days.

Added so far:
4 x 6, 4 x 5, 4 x 4, 4 x 3
3 x 6, 3 x 5, 3 x 4, 3 x 3
2 x 6 , 2 x 5, 2 x 4, 2 x 3

To be done:
Customize colors or just have separate extensions for dark and light themed forums.
Add more table dimensions

Felli

0E800 Does this already support using other BBCode or Markdown within the tables? ?

0E800

Felli
I tried testing it, I was unable to set table items using bbcodes for bold.
I could possibly create custom tables that could allow for setting font size and title colors.

Possibly @JoshyPHP knows if it possible to have bbcode within bbcode.

JoshyPHP

You can nest BBCodes that use a regular form such as [table][tr][td]1[td]2[/table]. If you want to use , as a delimiter you'll have to implement your own parser.

Alternatively, I'd recommend looking into the PipeTables plugin.

0E800

Some Styles I came up for Dark Themes:

Rounded w/ box-shadow and blue header background

Squared w/ box-shadow and blue header background

Rounded w/ box-shadow minimalist

Squared flat w/ box-shadow minimalist

Eventually I will add global css variables so that users can manipulate the colors and sizes for text, borders, and shadows.

Soon to come:

Light Themed tables.

Rounded Red

Comments and color / design ideas welcome.

0E800

@JoshyPHP

I found this extension:

https://github.com/elaijuh/flarum-ext-pipetables

However, I was unable to install it via composer.

Felli

0E800 Could it be because of PHP version requirement in composer.json?

0E800

Version 0.1.0 released:

https://discuss.flarum.org/d/8595-0e800-s-bbcode-responsive-tables