Template:Hidden: Difference between revisions
m (increase the navframe number from 2 to 3. Whilst this seems silly - it seems to be needed to ensure it starts hidden and displays [show] instead of [hide] due to some CSS conflict) |
>David [email protected] (moved documentation to /doc) |
||
Line 1: | Line 1: | ||
<div class="NavFrame" style="border: none;"><div class="NavFrame" style="border: none;"><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}}};">{{{header|{{{1}}}}}} </div> | --><div class="NavFrame" style="border:none;"><!-- | ||
<div class="NavContent" style="font-weight:{{{fw2|normal}}}; background-color: {{{bg2|transparent}}}; text-align: {{{ta2|left}}}; display:none;"> | --><div class="NavFrame" style="border:none;"><!-- | ||
--><div class="NavHead" style="font-weight:{{{fw1|bold}}}; background-color:{{{bg1|transparent}}}; text-align:{{{ta1|center}}};">{{{header|{{{1}}}}}} </div> | |||
<div class="NavContent" style="font-weight:{{{fw2|normal}}}; background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}}; display:none;"> | |||
{{{content|{{{2}}}}}} | {{{content|{{{2}}}}}} | ||
</div></div></div></div><noinclude> | </div></div></div></div><noinclude> | ||
{{/doc}} | |||
</noinclude> | </noinclude> |
Revision as of 10:43, 16 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