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 »

Yeah, It works well as it is. If someone needs more than 6x10 they can add them manually. Nice work Sniper! :tumbsyes: Only thing I can ask is will you please help me with the thead color issue in aeroblack. :cry: :sad: :smile:

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

I took the border out of the drop down class. Not all styles use borders so had to leave that open.

Code: Select all

.tables:hover .table-selections {
	display: inline-block;
	position: absolute;
	padding: 4px 6px;
	margin-left: -50px;
	margin-top: 20px;
	-webkit-border-radius: 8px;
	-o-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 3px 3px 6px #999;
	z-index: 999;
}
But it still should show a shadow and round corners in your different styles.

We'll have to check the mobile closer. I have to swipe the tables button to get the popup. Touchy on mobiles.
Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!™

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

Puchahawa wrote: 20 Sep 2016, 04:09Only thing I can ask is will you please help me with the thead color issue in aeroblack. :cry: :sad: :smile:
Don't say thread color. th has a color. tr has a color. aeroblack may need it's own directory with some adjustments.
What colors are you talking about? That transparent background you mean?
Add a border line in your copy of the tables.css .tables:hover .table-selections { border: 1px solid #444; }
Last edited by Sniper_E on 20 Sep 2016, 04:21, edited 1 time in total.

User avatar

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

Re: Tables bbCodes

Post by proavia »

Sniper wrote:We'll have to check the mobile closer. I have to swipe the tables button to get the popup. Touchy on mobiles.
Well, I hardly ever edit from my iPhone anyway - screen is too small and my old eyes aren't what they used to be. :rolling:

My old "Tab 2" I needed to swipe down to open drop downs (which didn't always work). On the newer "Tab A" it's different, but easier than swiping.

Icing on the cake would be to be able to have a choice of two border styles: The default and the "border-less". But I can certainly live without that option. I'm just glad I finally have a usable table extension!
Last edited by proavia on 20 Sep 2016, 04:22, edited 1 time in total.

User avatar

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

Re: Tables bbCodes

Post by Puchahawa »

Yea, trying to get aeroblack to show a color in the table header like other styles do instead of mimicking the bg1,bg2 colors.

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

Try editing your table bbcode html replacement

Code: Select all

<div class="forumbg forumbg-table tbg {SIMPLETEXT}" style="width: {NUMBER}%"><div class="inner"><table class="table1">{TEXT}</table></div></div>
And add a class in your tables/styles/aeroblack/theme/tables.css

Code: Select all

.tbg {
	background-color: #DFDFDF !important;
}
If areoblack is your only style just edit the all/tables.css otherwise you need your own style dir
Last edited by Sniper_E on 20 Sep 2016, 04:54, edited 1 time in total.

User avatar

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

Re: Tables bbCodes

Post by Puchahawa »

Ok. thanks again. :thumbup:

EDIT: Made the edits and it worked like a charm. :eusa_dance:

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

Cool! I will add that to the extension for the styles that need a little extra something something...

I can't tell you guys how much help your input has been. :thumbup: I think we're just about there.

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

Changed Table Guidelines Layout.

event/posting_editor_buttons_before.html

Code: Select all

<div id="table_guide" style="width: 550px;display: none">{L_TABLES_GUIDELINES}</div>
I removed the class="bg2" - not needed.

language/en/tables.php

Code: Select all

		'TABLES_GUIDELINES'			=> '<hr><strong>Table Guidelines:</strong><br />[table=75 sets the width% of a table. Max width% of a table is 98%.<br />[th=20], [th=30], [th=50] sets the width% of each column. All [th=#%] need to equal 100%.<br />[table=75 tleft] will float the table left of the text. Use null, tleft, tright or tcenter in the table.<br />When using tcenter in the table, use the [center] bbcode around the Table Title for it to line up.<br /><hr><strong>Instructions:</strong><br />Click Preview after inserting your table codes. From your view, change the titles and text to suit your post. Adjust all the width% to balance out the look of your table. Preview and Submit.<hr>',
I think you'll like the look of this much better.

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: 20 Sep 2016, 15:59Cool! I will add that to the extension for the styles that need a little extra something something...

I can't tell you guys how much help your input has been. :thumbup: I think we're just about there.
Just as a reference. This is the result. It makes it stand out more rather then blending into the background. :eusa_dance:
worked.png
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.

User avatar

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

Re: Tables bbCodes

Post by Puchahawa »

Hmmmm made those table guidelines edits and have this as a result.
after edit.png
EDIT: just checked my second test board adding the edit for the table bg and not editing for the guide change and got the same result.

Started over with a fresh version of 2.0.4. added the tables html replacement it was ok. added the aero black style folder, with theme folder inside,with the tables.css file holding this edit for the bg

Code: Select all

tbg {
	background-color: #DFDFDF !important;
}
The background showed up fine on the tables. Went to reply to post and got the funky layout. Wonder why it didn't show up last night?
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.
Last edited by Puchahawa on 20 Sep 2016, 19:58, edited 1 time in total.

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

I don't know, maybe your making the edits wrong. Here are the updated files.
Just replace your templates and language files.

Your image shows the old table selection buttons. We use images now. Update man.
tables_2_0_41.zip
Maybe you should disable ext, delete data, delete tables/ files from your server, copy these new files over and enable ext.
Then add your background codes to the new tables.css stylesheet.

Code: Select all

.tbg {
	background-color: #DFDFDF !important;
}
You do not have the required permissions to view the files attached to this post! Maybe your post count is too low.
Last edited by Sniper_E on 20 Sep 2016, 20:10, edited 1 time in total.

User avatar

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

Re: Tables bbCodes

Post by Puchahawa »

I was editing the post just above yours when you posted. :lol: The guideline edits are fine. The funky layout seems to be from the change for the background. Do I need more in that table.css file than that one entry? Don't know why the layout didn't mess up yesterday ??

Right now it looks like this

styles / aero black / theme / tables.css

all dir is still there as well.

User avatar

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

Re: Tables bbCodes

Post by Sniper_E »

No those buttons you are showing is the old stuff. Do a complete re-install.
You have copied old files over to that styles/areoblack/ dir.
And update your local copy with the new files and start again.

User avatar

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

Re: Tables bbCodes

Post by Puchahawa »

Ok, here's strange. At least for me. I did the v2.0.4 fresh install and put the tables.css edit in the file in the all/theme folder. Not putting an aeroblack folder in at all and it's just fine. :rolling: I think I have a ghost in my pc.

Could just disabling the ext and replacing the files vs disable and delete data cause that issue?

Post Reply Previous topicNext topic