Extensions Database 3.2 / 3.3 ⇒ Tables 3.2.x

[Funny]

Hi @Sniper

Thanks for the explanation and for the fix.

mg Funny

[vfrblue]

Now it works fine!!!
No Errors.
Thanks

[Sniper_E]

Thank you Thank you I'll have a few more tweaks in it and permissions real soon in the next release. Coming to a server near you!

[Sniper_E]

We have a new release on the first post. Tables 2.1.2 ready for testing, permissions added.

Before I release at .com maybe someone can look for any issues. Final Release.

[Funny]

Thanks for the implementation of the tables from 2.1.1 to 2.1.2 will test them later

[Sniper_E]

OK I have a couple of requests so far to add in before the final release.

First request:
The tables icon title says, "Show table selections" on hover and shows the table selections when clicked.
The button use to hide the table selections when clicked also, so I'm adding that feature back in.

Example in tables/styles/prosilver/template/event/vse_abbc3_posting_editor_custom_tags_before.html replacing with:

Code: Select all

<!-- IF U_USE_TABLES_BBCODE and SCRIPT_NAME == "posting" -->
	<script>function toggle_abbc3_table_selections() { if (document.getElementById('tables-button-selections').style.display === 'none') { document.getElementById('tables-button-selections').style.display = 'block';document.getElementById('tables-abbc3button-switch').title = '{L_TABLE_SELECTIONS_HIDE}'; } else { document.getElementById('tables-button-selections').style.display = 'none';document.getElementById('tables-abbc3button-switch').title = '{L_TABLE_SELECTIONS_SHOW}'; } }</script>
	<button id="tables-abbc3button-switch" type="button" class="icon abbc3_button responsive-hide" onclick="toggle_abbc3_table_selections();" title="{L_TABLE_SELECTIONS_SHOW}"><img src="./ext/sniper/tables/images/table.gif" alt="" /></button>
<!-- ENDIF -->

Then replacing the line in tables/language/en/tables.php for that button hover to:

Code: Select all

		'TABLE_SELECTIONS_HIDE'		=> 'Hide table selections',

Which brings me to my...

Second request:
The table guidelines do not explain the use of textleft, textcenter or textright classes used in tables. Language file will be changed to:

Code: Select all

		'TABLE_GUIDELINES'			=> '<strong>Table guidelines: </strong> [table=75,null] The number 75 sets the width% of a table. [table=75,tleft] The tleft floats the table left of the text. Use null, tleft, tright or tcenter on table. Max width% of table is 98%.  When using tcenter in the table, use [center] around the Table Title for it to line up. Use [tr=textcenter] or [td=textcenter,1] to align the text center in the table. Use textleft, textcenter or textright to align the text. [th=20,null], [th=30,null], [th=50,null] The numbers sets width% of each column. All [th=#% need to equal 100%. [td=null,1] The null is a blank class, use bg1, bg2, or any class. The 1 sets the colspan of the [td]. If [td=null,2] is used you must remove one of the other [td=null,1] to make room for the 2 column. [tr=bg2] sets the class of the row.<br /><strong>Instructions: </strong> Click the preview button after inserting your table codes in textarea. From your preview, edit all of the Title names and Text areas to suit your post. Adjust all the width% to balance out the look of your table, preview and submit.',

Any other requests or problems you see before I launch this thing?

[Sniper_E]

Tables Extension Update: Version 2.1.2

Please check Tables 3.2.x for download.

[Funny]

Hi
Thanks for the extension Tables 2.1.2

mg Funny

[Funny]

I discovered two errors in verse 2.1.2
See the pictures
BBCode C

And in the language file


mg Funny

Forum

[Funny]

I discovered two errors in verse 2.1.2
See the pictures
BBCode C

And in the language file German tables.php Column_Seven

This entry is missing in the table.php de

Code: Select all

'COLUMN_SEVEN' => '7 Spalten' 

Many BBCode's do not work in this vers.
e.g. C, code, qoute and ... have not further tested
Take still the tables 2.1.1 fix until the errors are fixed

mg Funny

Forum

[Sniper_E]

Yes I'm sorry to say the German language file was left behind a code or two. Galixte's fault... Updated on Github.

This bbcode you said would not work in your tables.

I tested and it works in my tables.

Maybe you are trying to use too many bbcodes. Is there a limit of how many bbcodes can go inside a bbcode?
I could put a table inside a table and not have those problems.

[Funny]

Hi
Now everything works

mg Funny

Forum

[Ypselon]

The Table BBcode works nice, but can you made it responsive ?

On my Smartphone it looks like this :

[Jester]

Sniper_E thanks for the extension

[Sniper_E]

The Table BBcode works nice, but can you made it responsive ?

No I have not been able to counter act all the css in the responsive.css at media 700px yet.

But on my style I altered the css in the responsive.css like this:

Find and Delete

Code: Select all

	/* Responsive tables
	----------------------------------------*/
	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
		display: block;
	}

	table.responsive thead, table.responsive th {
		display: none;
	}

	table.responsive.show-header thead, table.responsive.show-header th:first-child {
		display: block;
		width: auto !important;
		text-align: left !important;
	}

	table.responsive.show-header th:first-child span.rank-img {
		display: none;
	}

	table.responsive tr {
		margin: 2px 0;
	}

	table.responsive td {
		width: auto !important;
		text-align: left !important;
		padding: 4px;
	}

	table.responsive td.empty {
		display: none !important;
	}

	table.responsive td > dfn {
		display: inline-block !important;
	}

	table.responsive td > dfn:after {
		content: ':';
		padding-right: 5px;
	}

	table.responsive span.rank-img {
		float: none;
		padding-right: 5px;
	}

	table.responsive.memberlist td:first-child input[type="checkbox"] {
		float: right;
	}

Find

Code: Select all

@media (max-width: 700px) {

ADD before

Code: Select all

@media (max-width: 600px) {
	/* Responsive tables
	----------------------------------------*/
	table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
		display: block;
	}

	table.responsive thead, table.responsive th {
		display: none;
	}

	table.responsive.show-header thead, table.responsive.show-header th:first-child {
		display: block;
		width: auto !important;
		text-align: left !important;
	}

	table.responsive.show-header th:first-child span.rank-img {
		display: none;
	}

	table.responsive tr {
		margin: 2px 0;
	}

	table.responsive td {
		width: auto !important;
		text-align: left !important;
		padding: 4px;
	}

	table.responsive td.empty {
		display: none !important;
	}

	table.responsive td > dfn {
		display: inline-block !important;
	}

	table.responsive td > dfn:after {
		content: ':';
		padding-right: 5px;
	}

	table.responsive span.rank-img {
		float: none;
		padding-right: 5px;
	}

	table.responsive.memberlist td:first-child input[type="checkbox"] {
		float: right;
	}
}

Works well at my site. Visit Tables topic on your mobile at my place for demo.