Template:Hidden

From Pensapedia, the Pensacola encyclopedia
Revision as of 17:12, 25 July 2008 by Admin (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

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

Only two parameters are required for this template:

header 
text for header (or title); alternative to using unnamed parameter {{{1}}}
content 
text for content (or body); alternative to using unnamed parameter {{{2}}}

Optional parameters[edit]

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".

Examples[edit]

The simplest[edit]

In this example only the two required parameters are specified.

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

Header background[edit]

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


CSS[edit]

Code
{{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
}}
Result

Lorem ipsum[edit]

Code
{{hidden|ta1=left|bg1=cyan|bg2=yellow|lorem ipsum|{{lorem ipsum}}}}
Result

Issues[edit]

Show/hide button overlap[edit]

With ta1=right or a long header, the header may overlap the show/hide button:

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

Sections[edit]

Sections included inside a hidden block result in broken anchors in the table of contents at the top of the page.

See also[edit]