Forum:How to add a collapse option to a character Infobox

Hello,

I was allowed to copy the Avatar Wiki character infobox and I am wondering how to collapse a section to give content on the page room to stretch. I mainly edit in Monobook so I usually forgot how squished everything is in Oasis until I check. If you don't have enough intro content to push other information and headers downward, you basically get a bad viewing of the page.

I want to put "Physical description" and "Personal and Chronological information" under a show more option. The show/hide js is already on the wiki.

Examples -- Bunai82 (talk) 19:05, December 22, 2011 (UTC)
 * avatar wiki
 * mlp wiki
 * dev wiki


 * Which wiki do you want to do this on? -- Fandyllic (talk &middot; contr) 22 Dec 2011 5:13 PM Pacific


 * Ah sorry. I thought I put my link. ^_^;;
 * I would like to use it on Gaia wiki, I will also be using it on fanloid. -- Bunai82 (talk) 03:09, December 23, 2011 (UTC)


 * With Oasis being the skin the higher percentage of users will see, what you are wanting is not ideal. It would be better to code the infobox to conform to Oasis rather than making allowances for those that don't see it as you do in Monobook. I would suggest, instead, to add different CSS for these infoboxes for Monobook and Oasis users so the infobox itself looks ideal in both skins. For instance, if the width is too wide in Oasis, use CSS to change the width so that it is smaller in Oasis (possibly using max-width) but allowing Monobook users to see the infobox full sized and taking advantage of the extra space. Rappy 07:33, December 27, 2011 (UTC)


 * That seems overly complex when I can just edit the template that would display a collapse option on both skins. -- Bunai82 (talk) 16:22, December 28, 2011 (UTC)


 * I'm simply trying to get you to think outside the box though. You're editing a wiki to look good in Monobook while forsaking Oasis, then trying to make accommodations to Oasis when it doesn't look good there. I personally edit in Oasis (to see how the majority sees it). Then the page looks great in Monobook regardless.


 * If you're that concerned about making it look great in both skins at the same time, you'd have to organize the pages differently. It sounds to me that you are using big tables that obstruct the flow of the infobox in Oasis but looks good in Monobook with the extra space. I've had to deal with that while editing on Aion and came to a nice compromise, I think. I'd be happy offering alternatives.


 * If the collapsible infobox was to bypass display errors, those display errors will still show up once the infobox is expanded. Rappy 20:49, December 28, 2011 (UTC)