Template:Hidden/doc: Difference between revisions
No edit summary |
No edit summary |
||
(9 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
This template creates a [[w:Wikipedia:NavFrame|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. | |||
This template creates a [[Wikipedia:NavFrame|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. | |||
The template does '''not''' provide an argument to designate the initial state of the show/hide control. In the nested case, show/hide controls in hidden content retain their state. There is no facility for ''collapse all'' or ''reveal all''. | The template does '''not''' provide an argument to designate the initial state of the show/hide control. In the nested case, show/hide controls in hidden content retain their state. There is no facility for ''collapse all'' or ''reveal all''. | ||
Line 40: | Line 37: | ||
In this example only the two required parameters are specified. | In this example only the two required parameters are specified. | ||
{| class="wikitable" | {| class="wikitable" | ||
| | | style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Code | ||
| <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2}}</pre> | | <pre>{{hidden|Title text here|Body text line 1<br/>Body text line 2}}</pre> | ||
|- | |- | ||
| | | style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Result | ||
| {{hidden|Title text here|Body text line 1<br/>Body text line 2}} | | {{hidden|Title text here|Body text line 1<br/>Body text line 2}} | ||
|} | |} | ||
Line 49: | Line 46: | ||
===Header background=== | ===Header background=== | ||
{| class="wikitable" | {| class="wikitable" | ||
| | | style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Code | ||
| <pre style="overflow:auto;"> | | <pre style="overflow:auto;"> | ||
{{hidden | {{hidden | ||
Line 59: | Line 56: | ||
</pre> | </pre> | ||
|- | |- | ||
| | | style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Result | ||
| {{hidden|Title text here|Body text line 1<br/>Body text line 2|headerstyle=background:#ccccff|style=text-align:center;}} | | {{hidden|Title text here|Body text line 1<br/>Body text line 2|headerstyle=background:#ccccff|style=text-align:center;}} | ||
|} | |} | ||
Line 65: | Line 62: | ||
===CSS=== | ===CSS=== | ||
{| class="wikitable" | {| class="wikitable" | ||
| | | style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Code | ||
| | | | ||
<pre> | <pre> | ||
Line 76: | Line 73: | ||
}}</pre> | }}</pre> | ||
|- | |- | ||
| | | style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Result | ||
| | | | ||
{{hidden | {{hidden | ||
Line 87: | Line 84: | ||
|} | |} | ||
== See also == | |||
* [[Template:Collapse top]] | |||
==See also== | |||
* | |||
[[ | |||
< | <includeonly> | ||
[[ | [[Category:Formatting templates]] | ||
</includeonly> | </includeonly> |
Latest revision as of 04:12, 14 May 2014
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.
The template does not provide an argument to designate the initial state of the show/hide control. In the nested case, show/hide controls in hidden content retain their state. There is no facility for collapse all or reveal all.
Usage
Syntax
{{Hidden |header= |content= |style= |headerstyle= |contentstyle= |fw1= |fw2= |bg1= |bg2= |ta1= |ta2= }}
Parameters
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
- style
- add CSS to the main div.
- headerstyle
- add CSS to the header.
- contentstyle
- add CSS to the content box.
Note: This template will not respect the user preference "justify paragraphs".
Examples
Basic
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
Code | {{hidden |Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff |style=text-align:center; }} | ||
Result |
|
CSS
Code |
{{hidden | style = border:1px dashed red; width: 50%; | headerstyle = background: #ccccff; font-size: 110%; | contentstyle = text-align: center; color:green; | header = Title text here | content = Body text line 1<br />Body text line 2<br />Body text line 3 }} | ||
Result |
|
See also