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

[Sniper_E]

Yea when I disable and delete data I also delete all ext files from the server. Copy new ones over, enable and refresh cache.
Sometimes when you over write old files there may be one there that isn't used anymore. Things change.

Do that with this copy. Went through all the css and templates. Even got acp buttons working with the acp style. Check that.

This should be a release copy. No problems or errors. Look for perfection for me.

tables_2_0_42.zip

[Puchahawa]

Testing v2.0.5

Fresh install if ext. Buttons on posting page and ACP work and look correct. The drop down is fine. So are the Guidelines. No spelling errors noticed.

Looked at a few different tables from 4-4 to 6x10 and all looked good.

Here is a sample using Aero Black with the edits in place. Added text before and after the table using a center alignment to see what it looked like.

205 test aeroblack.png

This is Prosilver with the aero Black edits in place. The table.css edit is in all/theme/table.css in this case.

205 test prosilver with AB edit.png

The prosilver table color is the only thing that was off at all. and only because of the edit to alter the table color for Aero black. It looks fine without the edit. That color issue would only affect people allowing their member to choose between A-black or prosilver.

The extension is really looking good.

[Sniper_E]

Thank you, thanks for the tests.

Yea if your background class edit messes up prosilver table then you
will have to have that areoblack directory with your special edits in it.
And in the all/ tables.css leave that class empty, blank.

But if you're ok with that grey bg at the bottom of your prosilver table... then

I just installed a fresh test site and installed this. Posting Buttons is the only work around I found needed.

Center your Title before the table like you did. Center your table like you did.
Then before the [/center] Enter down to a new line and paste your small text in that spot.
That will give you a different look than your image. Play with positioning.

[Puchahawa]

I'm wondering if the issue has to do with Aero Black being a child to Aero. Maybe put the edit into Aero / theme / tables.css will alleviate that issue?

In that example, is the only thing that needs to be in that tables.css this?

Code: Select all

/* Background color for  header aero black */
.tbg {
	background-color: #DFDFDF !important;
}

[Sniper_E]

I thought it needed all the files. Try adding just that class in the Aero/ tables.css
If it doesn't work you will know you need all of the files.

I'm going to test that also...

[Puchahawa]

With just the Aero tables.css and only that bit of code in it prosilver looks, correct and the button looks correct and works right. in both Aero and Aero Black the color is correct but the button does that weird display like before.

If I add everything to the Aero folder so the only thing different between it and the all folder is the tables.css no change. colors are correct in all three styles but the button is messed up in aero and aero black.

[Sniper_E]

I installed aero and aero black. Copied the all/ dir to areo/ directory with all the files in it.

Edited the buttons template and used the table-icon-grey class to use grey icons.

tables_guidelines_aero.gif

My table button is grey and the drop down icons are grey in my areo style.

[Puchahawa]

Well what do ya know.

I did what you did. added everything in the all dir to the Aero dir, then added the css edit to the table.css. Purged board cache and browser cache. Then went and checked aero, aeroblack and prosilver. ALL 3 show the correct colors for the tables AND the button looks like it should and works correctly. Both test boards too.

[Puchahawa]

Hey Sniper, For some reason my mind isn't wrapping itself around having the text float left when the .tright is used. Would you share the bit of code you used in this post on your board about it so I can see what it is. Maybe from the [size] through [/thead] ?

My mind used to work better, but a few years ago my mother had an aneurysm burst in her brain. She's still alive and doing ok but requires constant monitoring and my poor brain isn't what it used to be. I'm trying to give my members some examples of how the tables width, column widths and placement of the table etc.. have an effect on the layout of the table. Thinking about this I wonder if the css magic has any effect on outcome.

[proavia]

Try this code:

Code: Select all

[size=130]Table Title[/size][table=60 tright][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][tr=bg1][td]Text14[/td][td]Text24[/td][td]Text34[/td][td]Text44[/td][/tr][tr=bg2][td]Text15[/td][td]Text25[/td][td]Text35[/td][td]Text45[/td][/tr][tr=bg1][td]Text16[/td][td]Text26[/td][td]Text36[/td][td]Text46[/td][/tr][/tbody][/table]

1. When you use class .tright with the table bbcode the title and text will float to the left of the table.
2. When you use class .tleft with the table bbcode the title and text will float to the right of the table.
3. When you use class .tcenter with the table bbcode the title will need to use the center bbcode to line up with the table.

At least in my install, the text will float left when using 'tright' and float right when using 'tleft'. Using 'tcenter' will display the text below the table in the code example above.

Basically, change 'null' to 'tleft', 'tright' or 'tcenter'.

[Puchahawa]

Thank you Proavia, That did it.

[Sniper_E]

Using 'tcenter' will display the text blow the table in the code example above.

There is a way to move your text on a new line before the [/center] to have it centered under the title. Example here.

I posted the codes used in the post in that test topic if you need to see how it's done. Just experiment moving your text around.

[Sniper_E]

You guys have to check this out... Using tables classes tleft and tright with Text and Attached Image

[Puchahawa]

That's pretty cool. One thing I noticed when I did a long paragraph of text is I had to edit for length or it all went above the pic. Not sure if that's because I'm using lightbox ext or something else. Doesn't seem like word wrap functions in that instance. But very cool.

[Sniper_E]

No you have to limit your text line length... how ever far you want the image to go over. The way I did it in those posts.
It will push the image down to the next like if you type too far over. Yea I thought that was pretty cool.

Noticed how I put the attached image in the [textaling= bbcode instead of the text? That's making it do what you want it to do.