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

[Sniper_E]

Yes the pic he showed is the responsive view. I'm going to put the column numbers in the header to fix that problem. I know what's causing that issue.

Now what you are reporting is something else. What does in look like in your memberlist page when you reduce the width of your browser? The responsive css kicks in when you get to 700px. It should not make the header part go away. And if the images are gone too then maybe it is some other extension doing that.

On responsive the text in the header title will be on one line, not in the header anymore... and the icon images will be on a line under each title. Just like your memberlist page.

Now you want get that like I described with the table template you have now because the column titles are not in the header. But when I'm done you should get something simular to what you see in your memberlist page.

Test your memberlist page and see if things screw up there the same way when checking responsive view.

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

On the member list page - The table changes from normal at about 680px (+/-) width. The table resizes each row more vertically. I still lose the CSS Magic header and the image in the CHL. I also noticed I lose the search box on the Button Menu line too.

None of that is a big deal to me. I sort of expect the mobile display to lose some stuff.

I also briefly look in Chrome at the developer tools (Crtl+Shift+I) - In prosilver SE it references responsive at 700px max width and 920px max width for something or other. Not that I know what the hell any that means.

[Fast_Eddie]

we'll see.

Thank you so much for your work on this Ed

[Sniper_E]

I'm getting close to having everything setup correctly.
I'll have the final release out tomorrow. The final release!



[ Post made via Samsung Galaxy S5 Active ]

[proavia]

I'll have the final release out tomorrow. The final release!

Unless I come up with something else "impossible" to add again.

[ Post made via Android ]

[Sniper_E]

Fist post updated with the Final Release!

[ Post made via Samsung Galaxy S5 Active ]

[Sniper_E]

Fist post updated with the Final Release!

I was so focused on getting this setup for the ABBC3 buttons that I forgot to update it for the regular buttons and posting buttons.

The only change is the tables.css files and the templates for those other two buttons.

[ Post made via Samsung Galaxy S5 Active ]

[Puchahawa]

Updating the final release?

[Sniper_E]

Yea but you want see the problem. ABBC3 is good. Forgot about the other buttons.

Plus I'm waiting to see what proavia wants me to add.

[ Post made via Samsung Galaxy S5 Active ]

[Puchahawa]

Tested 2.0.8 with board 3.1.10 (abbc3), FF, IE and chrome, prosilver and aero

The link to the guidelines is a good idea and they look good in all 3 browsers. Due believe you have a finished product, outside of the exts I don't use.

[proavia]

Tested 2.0.8 on 3.1.10 (w/ABBC3) with prosilver SE in Chrome and IE. All works great! Table Guidelines link was a good idea.
I appreciate all the extra effort you put in to make this work in a user friendly way!

I do have a question though. How do I get the table header text to center?
I'm able to center the table body text, but not the header test. Overall, what I'm trying to do is center the table on the page, Center the header test within the table horizontally and center the body text within the table horizontally. I've been able to center the body text - see below, but not the header text also.

Code: Select all

[align=center][size=130]Table Title[/size][/align]
[align=center][table=60 tcenter][thead][tr=null][th=25]Title1[/th][th=25]Title2[/th][th=25]Title3[/th][th=25]Title4[/th][/tr][/thead]
[tbody][tr=bg2][td]Text11[/td][td]Text21[/td][td]Text31[/td][td]Text41[/td][/tr]
[tr=bg1][td]Text12[/td][td]Text22[/td][td]Text32[/td][td]Text42[/td][/tr]
[tr=bg2][td]Text13[/td][td]Text23[/td][td]Text33[/td][td]Text43[/td][/tr][/tbody][/table][/align]

[Sniper_E]

Yep, that's the way tables work in phpBB. If they center the titles in the <th> then they do it with a class. It looks like you have found another obstical we need to hurdle.

In the bbcode html replacement I have it lined up to the left. I see now we need to fix that so we can have control of the left|canter|right on those titles.

I'll have to change that bbcode...

Code: Select all

[th={NUMBER} {SIMPLETEXT}]{TEXT}[/th]

<th style="width: {NUMBER}%;text-align: {SIMPLETEXT}">{TEXT}</th>

But that's just the bbcode. Every line in the lang file will have to be modified also. Or you could do it in your post after changing the bbcode. At least until I get the lang file changed over.

After changing the bbcode your post would have to look like this:

Code: Select all

[align=center][size=130]Table Title[/size][/align]
[align=center][table=60 tcenter][thead][tr=null][th=25 center]Title1[/th][th=25 center]Title2[/th][th=25 center]Title3[/th][th=25 center]Title4[/th][/tr][/thead]
[tbody][tr=bg2][td]Text11[/td][td]Text21[/td][td]Text31[/td][td]Text41[/td][/tr]
[tr=bg1][td]Text12[/td][td]Text22[/td][td]Text32[/td][td]Text42[/td][/tr]
[tr=bg2][td]Text13[/td][td]Text23[/td][td]Text33[/td][td]Text43[/td][/tr][/tbody][/table][/align]

Once again you have caused me greaf.

Good one man. It's been such a huge help having you guys test this.
I'll be back later with the 9th Final Copy.

[ Post made via Samsung Galaxy S5 Active ]

[proavia]

And there I was hoping it might be a simple edit to [thead] - by adding the "tcenter" to it. Or something along the lines of what you did to [table] with the "null, tcenter, tleft, tright" thing (except no need to float any text around it)

I thought it odd that the [align=center] right before [thead] actually centers the content of [tbody]. If you could get "tcenter" to work in [thead] instead of "center" in [th] (yeah, I have no idea if that work be possible), could the "tcenter" be made to work in [tbody]?

Sorry to cause you any additional grief with this - just thinking out loud.....

[Sniper_E]

Sorry to cause you any additional grief with this - just thinking out loud.....

Not at all man you showed a vital function we need in this.
We have to have control of the title alignment, just like the forum tables have.
And you can still wrap your [align=center around the table for the body text section.
You did Great finding this issue! for you!

[Sniper_E]

My last release out there to the public was 2.0.6
I don't want to come out next with 2.0.8 or 2.0.9

Updated first post with 2.0.7
I reverted back a version if that's ok.

I used left as default on the [th=25 left]
The th= BBCode has changed. Delete yours on update.

[ Post made via Samsung Galaxy S5 Active ]