Template:Hidden: Difference between revisions
(+ extendable CSS) |
m (tweaked new parameter name) |
||
Line 3: | Line 3: | ||
--><div class="NavFrame" style="border:none;"><!-- | --><div class="NavFrame" style="border:none;"><!-- | ||
--><div class="NavHead" style="font-weight:{{{fw1|bold}}}; background-color:{{{bg1|transparent}}}; text-align:{{{ta1|center}}}; {{{headercss|}}}">{{{header|{{{1}}}}}} </div> | --><div class="NavHead" style="font-weight:{{{fw1|bold}}}; background-color:{{{bg1|transparent}}}; text-align:{{{ta1|center}}}; {{{headercss|}}}">{{{header|{{{1}}}}}} </div> | ||
<div class="NavContent" style="font-weight:{{{fw2|normal}}}; background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}}; display:none; {{{ | <div class="NavContent" style="font-weight:{{{fw2|normal}}}; background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}}; display:none; {{{contentcss|}}}"> | ||
{{{content|{{{2}}}}}} | {{{content|{{{2}}}}}} | ||
</div></div></div></div><noinclude> | </div></div></div></div><noinclude> | ||
{{/doc}} | {{/doc}} | ||
</noinclude> | </noinclude> |
Revision as of 04:36, 23 February 2007
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 | Title text here
|
Header background
Code | {{hidden |Title text here |Body text line 1<br/>Body text line 2 |headerstyle=background:#ccccff |style=text-align:center; }} |
Result | Title text here
|
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 |
Title text here
|
See also