Template:Hidden

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
{{{1}}}
{{{2}}}
Template documentation[view] [edit] [history] [purge]

This template creates a dynamic navigation box using style sheet declarations in MediaWiki:Common.css and Javascript code in MediaWiki:Common.js. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, the second parameter (the body) is displayed below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body again and the [hide] link becomes [show] again.

Usage[change source]

Example with unnamed parameters

{{hidden|Title text here|Body text line 1<br/>Body text line 2}}

Title text here
Body text line 1
Body text line 2
Example with mix of named & unnamed parameters

{{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}

Title text here
Body text line 1
Body text line 2
Example with named parameters & CSS

{{hidden
| headercss = background: #ccccff; font-size: 110%; width: 50%;
| contentcss = text-align: center; font-size: 110%; width: 50%;
| header = Title text here
| content = Body text line 1<br/>
Body text line 2<br/>
Body text line 3
}}

Title text here

Body text line 1
Body text line 2

Body text line 3

Parameters[change source]

header 
text for header (or title); alternative to using unnamed parameter {{{1}}}
content 
text for content (or body); alternative to using unnamed parameter {{{2}}}
headercss 
add CSS to the header.
contentcss 
add CSS to the content box.
fw1 
the font-weight for the heading (default "bold")
fw2 
the font-weight for the body (default "normal")
bg1 
the background-color for the heading (default "transparent")
bg2 
the background-color for the body (default "transparent")
ta1 
the text-align for the heading (default "center")
ta2 
the text-align for the body (default "left")


Note: This template will not respect the user preference "justify paragraphs".

Issues[change source]

With ta1=right or a long header the header overlaps the show/hide link (at least in some browsers):

Example with long header
abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc abc
def
Example with ta1=right
abc
def
Example with ta1=right & first line blank
  abc
def