3.1.x Extensions Database 3.1 / 3.2[RC] Tables bbCode

<span class="qte-attr qte_31_32-qte">3.1.x &amp; 3.2.x</span>
User avatar

Puchahawa
Users
Users
Posts: 193
Joined: 20 Jun 2015, 17:58
    Windows 7 Chrome

Re: Tables bbCodes

Post by Puchahawa »

TWeagle: I'm not having a problem with it and I have abbc3. Wonder if it's a version issue or something. My board is running 3.1.7, abbc3 is 3.1.2.

User avatar

Fast_Eddie
Users
Users
Posts: 279
Joined: 15 Aug 2015, 20:25
    Windows 7 Firefox

Re: Tables bbCodes

Post by Fast_Eddie »

Not a issue for me as I do not use ABC. Just trying to help a guy out :)

@ Sniper_E

Is there a way you could work in a way to center a table on the page? I found this http://stackoverflow.com/questions/3011 ... lign-table
but it makes no sense to me.
:beers: Retirement 2024!

User avatar

Topic Author
Sniper_E
VIP
VIP
Posts: 1160
Joined: 14 Oct 2014, 19:01
    Windows 10 Firefox

Re: Tables bbCodes

Post by Sniper_E »

Ext/sniper/tables/styles/all/theme/tables.css

Code: Select all

/* Tables bbCode Extension
------------------------------------ */
table.tablebg {
	border: 1px solid #84929C;
	margin-left: auto;
	margin-right: auto;
}

table.tablebg th {
	color: #FFA34F !important;
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	background-color: #006699;
	background-image: url('./images/cellpic3.gif');
	white-space: nowrap;
	padding: 5px;
	border: 1px solid #84929C;
	margin: -1px 0 0 -1px;
}

table.tablebg td {
	padding: 4px 6px;
	border: 1px solid #84929C;
	margin: -1px 0 0 -1px;
}

.cat {
	font-size: 1.2em !important;
	padding: 4px 2px;
	background-color: #C7D0D7;
	background-image: url('./images/cellpic1.gif');
	text-indent: 3px;
	border: 1px solid #84929C;
	margin: -1px 0 0 -1px;
}

.row1 {
	background-color: #ECECEC;
	padding: 4px;
}

.row2 {
	background-color: #DCE1E5;
	padding: 4px;
}

.row3 {
	background-color: #C0C8D0;
	padding: 4px;
}
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™

User avatar

Fast_Eddie
Users
Users
Posts: 279
Joined: 15 Aug 2015, 20:25
    Windows 7 Firefox

Re: Tables bbCodes

Post by Fast_Eddie »

Thanks for the update Sniper! It's a lot closer to center now, what part of that code deals with centering? I think I read in the above link this part

Code: Select all

margin-left: auto;
	margin-right: auto;
Is supposed to center the table? Is their a way to tweak it closer to center? Sorry, if it's a hassle don't sweat it. :thumbup:

EDIT: I went ahead and ''posted'' a test message instead of ''preview' and it looks like it's pretty well centered in the posting body.'

User avatar

Topic Author
Sniper_E
VIP
VIP
Posts: 1160
Joined: 14 Oct 2014, 19:01
    Windows 10 Firefox

Re: Tables bbCodes

Post by Sniper_E »

Move the table a little more to the right to center it with the page.

Use this class...

Code: Select all

table.tablebg {
	border: 1px solid #84929C;
	margin-left: auto;
	margin-right: 0;
}

User avatar

proavia
Users
Users
Posts: 65
Joined: 30 Aug 2015, 22:50
    Windows 7 Internet Explorer

Re: Tables bbCodes

Post by proavia »

Thank you Sniper - this works great!

Is there a way to have the ability to have a custom background color for the entire table? How about custom background color by cell?

Thanks in advance for any assistance with background colors.....

User avatar

Fast_Eddie
Users
Users
Posts: 279
Joined: 15 Aug 2015, 20:25
    Windows 7 Firefox

Re: Tables bbCodes

Post by Fast_Eddie »

The tables ext handles bbcodes ok and I just tried the background bbcode in a cell. It worked but the background was for the forum and NOT the cell.

Background bbcode:

BBcode

Code: Select all

[background]{URL}[/background]
HTML Replacement:

Code: Select all

<body background="{URL}">
Help Line:

Code: Select all

Background Picture: [background]Enter picture URL here[/background]
I'm sure there is a way it can be done but this is all i can offer. Hope it helps a little anyway :)

User avatar

proavia
Users
Users
Posts: 65
Joined: 30 Aug 2015, 22:50
    Mac OS X iPhone

Re: Tables bbCodes

Post by proavia »

Thanks!
That would work for images or just a few background colors (that I make images of). What I am hoping for is a way to place a custom color in a table on the fly. I am able to do this in 3.0 but not 3.1.

[ Post made via iPhone ] Image

User avatar

Topic Author
Sniper_E
VIP
VIP
Posts: 1160
Joined: 14 Oct 2014, 19:01
    Android Chrome

Re: Tables bbCodes

Post by Sniper_E »

The way to make each cell the color you choose on the fly would be to remove the class in the bbcode and replace it with a style="background: {COLOR}"

So instead of using "row1" or "row2" in your line you would use "red" or "#AA0000"

[ Post made via Samsung Galaxy S5 Active ] Image

User avatar

proavia
Users
Users
Posts: 65
Joined: 30 Aug 2015, 22:50
    Mac OS X iPhone

Re: Tables bbCodes

Post by proavia »

Thanks Sniper!
I'll give that a go.

[ Post made via iPhone ] Image

User avatar

Fast_Eddie
Users
Users
Posts: 279
Joined: 15 Aug 2015, 20:25
    Windows 7 Firefox

Re: Tables bbCodes

Post by Fast_Eddie »

The way to make each cell the color you choose on the fly would be to remove the class in the bbcode and replace it with a style="background: {COLOR}"

So instead of using "row1" or "row2" in your line you would use "red" or "#AA0000"
Could this be a feature update ? :tumbsno: :tumbsyes: :buigen:

User avatar

ninouee
Users
Users
Posts: 32
Joined: 01 May 2016, 09:48
    Windows 10 Chrome

Re: Tables bbCodes

Post by ninouee »

Hello :D

Thank you for this extension is what I was looking for a long time !

However I have a problem ...
I installed prior Advanced BBCode Box and attempt to create bbcode table.

I installed your extension in the ext / sniper / files .
I launched the activation and nothing happens .
No button displays.

I do not understand my mistake. Do you have an idea?

thank you :D

User avatar

Fast_Eddie
Users
Users
Posts: 279
Joined: 15 Aug 2015, 20:25
    Windows 7 Firefox

Re: Tables bbCodes

Post by Fast_Eddie »

I installed prior Advanced BBCode Box and attempt to create bbcode table.
I'm pretty sure that when you install that extension it deletes all custom bbcode. Maybe try and disable table extension then delete data. and re-install.

User avatar

ninouee
Users
Users
Posts: 32
Joined: 01 May 2016, 09:48
    Windows 10 Chrome

Re: Tables bbCodes

Post by ninouee »

Thanks il will try.

User avatar

Puchahawa
Users
Users
Posts: 193
Joined: 20 Jun 2015, 17:58
    Windows 7 Chrome

Re: Tables bbCodes

Post by Puchahawa »

sniper e wrote:Yes tamarin after looking at the WYSIWYG HTML editor I thought I would see if I could make the drop down selection menu similar to that. Maybe make it bring up the Preview after you make your selection.

I think that had a selection of 10 rows and 10 columns. Do you think this extension need that many selections also?
Hey Sniper, any further development on this idea? :whistl: :lol:

Post Reply Previous topicNext topic