Template:Hidden/doc: Difference between revisions
Jump to navigation
Jump to search
m (64 revisions) |
No edit summary |
||
| (7 intermediate revisions by the same user 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