Tabbed Table in Posts [library support]

[Wormopolis]

Is the code working for you now then?

[Former Member]

Aug 1, 2013 11:00:57 GMT -8 Wormopolis said:

Is the code working for you now then?

 I think I must be doing something wrong.
 I placed the code in my create category. I saw the code. no tab that opened up my post that said testing.

[Wormopolis]

Im confused as to what you just wrote. try just putting this into a post:

[PTabbedContent]

[PTab=Tab 1 stuff] blah blah blah [/PTab]

[PTab=Tab 2 stuff] blah2 blah2 blah2 [/PTab]

[PTab=Tab 3 stuff] blah3 blah3 blah3 [/PTab]

[/PTabbedContent]

[Former Member]

Aug 1, 2013 11:17:36 GMT -8 Wormopolis said:

Im confused as to what you just wrote. try just putting this into a post:

[PTabbedContent]

[PTab=Tab 1 stuff] blah blah blah [/PTab]

[PTab=Tab 2 stuff] blah2 blah2 blah2 [/PTab]

[PTab=Tab 3 stuff] blah3 blah3 blah3 [/PTab]

[/PTabbedContent]

womenonly said:
I final got (partially) correct.
My test failed at my changing the color and aligning it.
test post remains. When you have time please review my errors.
atthismoment.proboards.com

[Wormopolis]

well I found the test post.. but you made a tabbed table, with one tab, and put some of the CSS inside it?

the CSS you are wanting to use, you will need to put into the forum CSS in the theme manager. you cannot just simply put CSS selectors inside a tabbed table and have them apply to the table. you CAN put some inline CSS on the table by using the method described in the first post of this thread.

[Former Member]

Aug 1, 2013 11:57:27 GMT -8 Wormopolis said:

well I found the test post.. but you made a tabbed table, with one tab, and put some of the CSS inside it?

the CSS you are wanting to use, you will need to put into the forum CSS in the theme manager. you cannot just simply put CSS selectors inside a tabbed table and have them apply to the table. you CAN put some inline CSS on the table by using the method described in the first post of this thread.

Wormopolis,
I have been having a hard time understanding that stuff(in that first post of that thread).
I did not know that css stuff belonged in theme manager.
So I do not goof up again, please tell me where to put on what line.

Can tabs be used as links?

I thank you for your help.

[Wormopolis]

if you make the tabs into links, they will just navigate to another page instead of opening whatever content they are supposed to reveal....


how many tabs do you want in the table? do you want all tables to be affected by the CSS or just a specific table?

[Former Member]

Aug 1, 2013 15:14:34 GMT -8 Wormopolis said:

if you make the tabs into links, they will just navigate to another page instead of opening whatever content they are supposed to reveal.... I did not know that. Forget the links.


how many tabs do you want in the table? do you want all tables to be affected by the CSS or just a specific table? 

Without tables, option to have 5 tabs, and specific boards or categories. 

 

[Wormopolis]

well the entire thing IS a table.. it just has hidden rows.

[PTabbedContent]

[PTab=Tab 1 stuff] blah blah blah [/PTab]

[PTab=Tab 2 stuff] blah2 blah2 blah2 [/PTab]

[PTab=Tab 3 stuff] blah3 blah3 blah3 [/PTab]

[PTab=Tab 4 stuff] blah4 blah4 blah4 [/PTab]

[PTab=Tab 5 stuff] blah5 blah5 blah5 [/PTab]

[/PTabbedContent]


is the basic structure. start with that.

[Former Member]

Aug 1, 2013 16:16:11 GMT -8 Wormopolis said:

well the entire thing IS a table.. it just has hidden rows.

[PTabbedContent]

[PTab=Tab 1 stuff] blah blah blah [/PTab]

[PTab=Tab 2 stuff] blah2 blah2 blah2 [/PTab]

[PTab=Tab 3 stuff] blah3 blah3 blah3 [/PTab]

[PTab=Tab 4 stuff] blah4 blah4 blah4 [/PTab]

[PTab=Tab 5 stuff] blah5 blah5 blah5 [/PTab]

[/PTabbedContent]


is the basic structure. start with that.

women only said:Thank you.
I would like to change the color.

[Wormopolis]

ok. so lets get more specific. the color of the text or the background? the content area or the tabs?

[Former Member]

Aug 1, 2013 17:18:17 GMT -8 Wormopolis said:

ok. so lets get more specific. the color of the text or the background? the content area or the tabs?

 Hi,

Thank you for getting back to me.

Two different colors. One tab color and a different color for the content areas.

[Wormopolis]

so the new feature is inline styling. if you want specific CSS to apply to a tab, the in the closing tag of the tab, the [/PTab], you add in that CSS like this:

[/PTab={background-color:#FFBBBB; color:#FF0000}]

it will apply that CSS directly to the tab it just closed. you can do any different CSS you want in there.


if you want to apply something to the entire table, do the same with the closing table tag, [/PTabbedContent] like:


[/PTabbedContent={width:90%; margin-left: auto; margin-right: auto; border: 2px solid #00FF00}]

[Former Member]

Aug 2, 2013 17:44:46 GMT -8 Wormopolis said:

so the new feature is inline styling. if you want specific CSS to apply to a tab, the in the closing tag of the tab, the [/PTab], you add in that CSS like this:
Women Only said: I tried it with tab1. It did not work when I placed it before[/PTab]
Does this code go in the post?  Does it go in my theme manager? If yes, what page and what line?
[/PTab={background-color:#FFBBBB; color:#FF0000}]
it will apply that CSS directly to the tab it just closed. you can do any different CSS you want in there.

if you want to apply something to the entire table, do the same with the closing table tag, [/PTabbedContent] like:
[/PTabbedContent={width:90%; margin-left: auto; margin-right: auto; border: 2px solid #00FF00}]

[Wormopolis]

it goes exactly where I typed it in my example, inside the closing tag.