Tabbed Table in Posts [library support]

[Wormopolis]

that looks fantastic. Im not sure what could really do more.. Im not a designer or ANY degree. maybe add some seperation between them?

[Falico]

Forum URL: tolokatest.proboards.com

I am using the tabbed table within posts that you made. Problem is, my info isn't staying in the box. What am I doing wrong?

Here is the problem

Thank you!

[Wormopolis]

Well you have a div filled with text with no spaces so it isnt wrapping words at white-space (because there isnt any). its wrapping words at character limit across the width of the div, which since there isnt one specified, its the width of screen.

so do 2 things. put some spaces in there so it can wrap. put widths on all the divs if you want them to fill a certain size. the divs are now unattached from the table so they can dissolve and wipe correctly without the next content suddenly clunking into place. but that also means they dont restrict themselves to the width of the parent table they are in.

[Falico]

How do I do that, like where are the divs? And should the CSS be in the global footers?

[Wormopolis]

In the closing tag of each PTab you add in the styling for that tab. have a look at the first post of this thread.

[Falico]

Oh thank you so much! I got it working now.

Thank you Wormopolis!

[The Magpie]

I am having a small issue. On one forum I use the Tabs on it works perfectly.. seen here. When a tab is selectedm it opens and drops down the content flawlessly. I am madly in love with this tab system.

However.. On another forum, there seems to be a glitch.. seen here. I literally copied the code from one forum... and pasted it in the other and chaged colors.. that's it.. was all I did.. as you'll see, the issue I am having is that when I select a tab, the info comes down strangely. It isn't inside the container the way it's meant to be, the row of tabs below it doesn't move out of the way, like the previous site, and BBCoding to align has no effect (Like centering or the Justify).. Other than that, they work flawlessly.. here is the coding I am using.. maybe you can point out what I've done wrong?

<!--START Tab Conent Graphics-->
<style>
.post .message table.PT_table {width: 90%; border: #3cb1ff 1px dashed;} /* Overall table default */
.PT_table .PT_table_header {text-align: center; font-weight:bold; font-size:20px;} /* Table title if there is one */
.PT_table .PT_tabs {text-align:center; background-color: #659f43; border-left: #ec446b 3px solid; border-right: #ec446b 3px solid} /* Tabs unselected */
.PT_table .PT_tabs_selected {text-align:center; background-color: #ac7af7} /* Tabs selected */
.PT_table .PT_tabs_hover {text-align:center; background-color: #ec446b} /* Tabs hover */
.PT_table .PT_tabs_selected_hover {text-align:center; background-color: #ec446b} /* Tabs selected Hover */
.PT_table .PT_spots {background-color:#211f1f;} /* The content sections under the tabs */
</style>
<!--END Tab Conent Graphics-->

Thank you, and as always, I LOVE your plug ins!

[Wormopolis]

what versions are the different sites using? because the latest version moved the divs into an absolute positioning to make the transitions work correctly. if you need it to be relative, then in the closing [/PTab] tag, make it [/PTab={position:relative}]

[The Magpie]

Jun 24, 2014 21:25:54 GMT -8 Wormopolis said:

what versions are the different sites using? because the latest version moved the divs into an absolute positioning to make the transitions work correctly. if you need it to be relative, then in the closing [/PTab] tag, make it [/PTab={position:relative}]

Ah, yes.. they are different versions v///v the first one is using  1.2.0 while the one with the issue is using  1.2.5.. let me make some adjustments and see if that solves my issue.

<update> And that's what I needed! Thank you so much!

[Wormopolis]

Jun 21, 2014 21:00:02 GMT -8 lilliangray said:

I appreciate the speedy reply all the same. And yes, tableception. On a different forum I was able to do this, it was really helpful when doing things like regions and cities. I'll ask one of them then, thank you!

I may have spoke too soon...

I was playing around with regexp tonight and I am able to get tabbed tables within tabbed tables now.  I need to do some more experimenting though.  I had to write in some stuff to keep an outer table from selecting inner table tabs and vice-versa.  If an inner table has a tab with the same title as the outer table, things get ... weird...

[Wormopolis]

Jun 13, 2014 7:02:32 GMT -8 leif said:

Any chance is there a way to use multiple tabbed tables in the same post? When we do they work, but the second, third table content is hidden by default.

Im currently re-working the engine for how it finds tabbed tables to include multiple tables in a post, as well as nested tabbed tables.  the logic behind it however, is frustrating.  so Im not quite there yet. 

"I had a problem, so I thought I would use regexp to solve it.  now I have two problems"

[Wormopolis]

lilliangray leif ₪» ⅀ ƪ Ƒ «₪

v1.3.0 submitted to library

rewrote code to allow recursive tabbed tables in posts! (you can now nest tables)
added option to make positioning absolute or relative by default

[Former Member]

Inception tabs. Now this is freakin' cool

[Wormopolis]

Jul 3, 2014 2:58:45 GMT -8 ₪» ⅀ ƪ Ƒ «₪ said:

Inception tabs. Now this is freakin' cool

lookit this test:

wormotest-v5.proboards.com/thread/127/nested-tables


ignore the sizing stuff.  I dont have any CSS applied to the tables, they are just plain containers   

[Former Member]

Clicking tab 3 was way more exciting than I care to admit. xD