Tabbed Table in Posts [library support]

[Wormopolis]

For Tabbed Table in Posts code
www.proboards.com/library/plugins/item/270


surround all content with [PTabbedContent] [/PTabbedContent]
optional Table name using [PTabbedContent=Table Name]

surround each tab content with [PTab=Tab Name] [/PTab]

example:

[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]




if you want to apply inline CSS to a table or a tab, put it in the closing tag like:

[/PTabbedContent={width:400px; background-color:#444444; font-weight:bold;}]

and

[/PTab={color:#FF0000}]

[arrysjowls]

Hi,

First of all thanks for this and all of your plugins.

I am trying this out at the moment and have one minor problem.

On the CSS Stuff tab you have this:

.post .message table.PT_table {width: 90%; border: #000000 1px solid;} // Overall table default
.PT_table_header {text-align: center; font-weight:bold; font-size:20px;} // Table title if there is one
.PT_tabs {text-align:center; background-color: #EEEEEE; border-left: #000000 1px solid; border-right: #000000 1px solid} // Tabs unselected
.PT_tabs_selected {text-align:center; background-color: #9999CC} // Tabs selected
.PT_tabs_hover {text-align:center; background-color: #44CC44} // Tabs hover
.PT_tabs_selected_hover {text-align:center; background-color: #44CC44} // Tabs selected Hover
.PT_spots {background-color:#DDDDDD;} // The content sections under the tabs

Use these selectors in your forum CSS to make changes.

I have added this to the bottom of my Style Sheet, changed the width and a couple of colours, but the changes are not showing on the board.

Have I done something stupid, like putting the selectors in the wrong place?

[Wormopolis]

no its likely something I did. if the CSS for the forum is being loaded before the plugin then the plugin defaults are overriding what you have. you can try putting a style tag in the global footer with all you want changed and see if that works.

I will play around with it some more. I wish there was a way you could just edit the CSS of the plugin directly.

[arrysjowls]

Thanks for the quick response.

Put that in the Global Footer,

First line works, changes the border colour, and table width.

The other lines don't change anything....

Confused now.....

H

[Wormopolis]

post what you added to footer for me

[arrysjowls]

This is what I have in the Global Footer

<style>
.post .message table.PT_table {width: 100%; border: #002395 3px solid;} // Overall table default
.PT_table_header {text-align: center; font-weight:bold; font-size:20px; font-color:darkblue;} // Table title if there is one
.PT_tabs {text-align:center; background-color: #002395; border-left: #002395 2px solid; border-right: #002395 2px solid;} // Tabs unselected
.PT_tabs_selected {text-align:center; background-color: #002395;} // Tabs selected
.PT_tabs_hover {text-align:center; background-color: #002395; } // Tabs hover
.PT_tabs_selected_hover {text-align:center; background-color: #002395; } // Tabs selected Hover
.PT_spots {background-color:#002395;} // The content sections under the tabs
</style>

[Wormopolis]

.post .message table.PT_table {width: 100%; border: #002395 3px solid;} /* Overall table default */
.PT_table .PT_table_header {text-align: center; font-weight:bold; font-size:20px; font-color:darkblue;} /* Table title if there is one */
.PT_table .PT_tabs {text-align:center; background-color: #002395; border-left: #002395 2px solid; border-right: #002395 2px solid;} /* Tabs unselected */
.PT_table .PT_tabs_selected {text-align:center; background-color: #002395;} /* Tabs selected */
.PT_table .PT_tabs_hover {text-align:center; background-color: #002395; } /* Tabs hover */
.PT_table .PT_tabs_selected_hover {text-align:center; background-color: #002395; } /* Tabs selected Hover */
.PT_table .PT_spots {background-color:#002395;} /* The content sections under the tabs */


you can put that in the forum CSS, or the global footer if you put style tags around it


the problem is I put the wrong comment notes in there and it stopped the css. updating the plugin so no one else falls victim

[arrysjowls]

Thanks for that, works fine.

[Tohsaka Rin]

Can people making these "library support" threads please, please, link back to the actual plugin?

[Wormopolis]

well since you asked nicely...

[Tohsaka Rin]

Thank you so much. Nothing was coming up in the searches and it was difficult to keep track on what this plugin was actually about. I was working on trying to put tabs in the MP and so it was relevant to my interests.

You are always such a good worker, wormie!

PS. The tabs do not cause problems with multiple replies before and after said tabs were put in? No cascading errors? No repetitive information being lapsed into the next post by the same/next person? This is what I was getting a problem with and wondered how it was different between a post and the MP section. My guess is that a post has it's own different ID numbers yet the MP area of each post has none/using same uh...I have no idea what to call it... Basically the MP has no unique id or something. Gods, I don't know... Someone told me to look up how you went about making this plugin... This is why I rather do graphics. <ii> My coder actually is on a vacation for a month so I am trying to do "homework" on how to fix it.

[Wormopolis]

I don't understand the question? If you leave a tab unclosed it will cause issues, but it should never affect the next post

[Boy_Wonder]

Hey Wormo! I've got a minor issue, and you can see it in this thread:

shieldrp.boards.net/thread/123/emails

I *believe* its due to the change in layout (in fact I'm 90% sure it is when it still works on v1 and v2) is there any way the code could be adjusted (I'm willing to PM the adjusted templates if need be but I have no desire to have them public)

[Wormopolis]

it looks for td class="content" then div class="message"

but you removed the class from the td cell. if you put that back does it mess up your layout?

[Boy_Wonder]

I still have the content class but its linked to the div

<div class="left-panel">
$[post.created_by_user.miniprofile]
</div>
                       <div class="content">


I've tried putting the content back in on the td but it does mess that particular layout up, and seems a 'clunky' way when using divs it'll automatically 'drop' each one below each other which is what I wanted.