Template:Hidden/doc
This is a documentation subpage for Template:Hidden (see that page for the template itself). It contains usage information, categories and other content that is not part of the original template page |
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
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
- 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
The simplest
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 | Title text here
Body text line 1 Body text line 2 |
Header background
Code | {{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}} |
Result | Title text here
Body text line 1 Body text line 2 |
CSS
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 |
Title text here
Body text line 1 Body text line 2 Body text line 3 |
Lorem ipsum
Code | {{hidden|ta1=left|bg1=cyan|bg2=yellow|lorem ipsum|{{lorem ipsum}}}} |
Result | lorem ipsum
|
Issues
Show/hide button overlap
With ta1=right or a long header, the header may overlap the show/hide button: Template:Evd
- Example with long header
- Example with ta1=right
- Example with ta1=right & first line blank
abc
Sections
Sections included inside a hidden block result in broken anchors in the table of contents at the top of the page.