Forum:Show/Hide Button in Tabs

Hello. I've found when I use navigation templates in tabs, the show/hide button disappears, even though the actual template works fine.

An example of what I'm talking about here.

What do I need to do to make the show/hide button work again?

Thank you,

-- 05:54, August 16, 2012 (UTC)


 * Like you mentioned, show/hide template and sortable table inside of Tab View aren't working now on wikis upgraded to MW 1.19. I reported that about 1 month ago and received an answer. (Though I don't observe any changes so far. They are likely treating the issue.) Below is copy of the mail I got from Staff.

Tim Quievryn, Jul 17 09:37 pm (UTC):

Hello,

Thanks for contacting Wikia. We appreciate you letting us know about this problem with the Tabview feature. We can confirm the TabView feature has not worked well since the MW1.19 and that our engineers are looking into the matter. I will pass your examples directly to our technical staff for investigation and review.

Sorry for this issue, and thanks for using Wikia.



You can use an alternative. First, go here to see how it will look like on your wiki (as you can see, show-hide at the bottom of the table works) and then if you like it add this to the bottom of your Wikia.css and Common.css /* tabber */ .tabbertab { margin-bottom: 20px; border: 1px solid #D9D9D9 !important; } .tabbernav { background: transparent; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#FFFCD2'); /* for IE */ border: none !important; padding: 10px 0px !important; } ul.tabbernav li a { color: black !important; padding: 10px 14px !important; margin-left: 2px !important; background: transparent !important; border: none !important; font-weight: normal !important; -moz-border-radius-topright: 4px !important; border-top-right-radius: 4px !important; -moz-border-radius-topleft: 4px !important; border-top-left-radius: 4px !important; position: relative; top: 3px; } ul.tabbernav li a:hover { background: transparent !important; border: none !important; border-bottom: 1px solid #D9D9D9 !important; } ul.tabbernav li.tabberactive a { border: 1px solid #D9D9D9 !important; color: #000 !important; font-weight: bold !important; border-bottom: 1px solid #fff !important; background-color: #FFF !important; cursor: default; } ul.tabbernav li.tabberactive {line-height: 0px !important;} ul.tabbernav li.tabberactive:first-child a { margin-left: 0px !important; } ul.tabbernav li.tabberactive a:hover { background: white !important; border: 1px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display:block !important; }

After that, look at this guide to see how to use it.


 * Here's a slightly simpler version of the above. --


 * Thank you everyone for the feedback; I'll play around and see what I can do.


 * -- 10:37, August 16, 2012 (UTC)