Difference between revisions of "Template:Hidden"

From Event-B
Jump to navigationJump to search
imported>Mathieu
m (New page: <div class="NavFrame" style="border:none;"><div class="NavHead" style="font-weight:{{{fw1|bold}}}; background-color:{{{bg1|transparent}}}; text-align:{{{ta1|center}}}; {{{headercss|}}}">...)
 
imported>Mathieu
m
Line 5: Line 5:
 
background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}};  
 
background-color:{{{bg2|transparent}}}; text-align:{{{ta2|left}}};  
 
display:none; {{{contentcss|}}}">&nbsp;{{{content|{{{2}}}}}}</div></div><noinclude>
 
display:none; {{{contentcss|}}}">&nbsp;{{{content|{{{2}}}}}}</div></div><noinclude>
<noinclude>{{template doc page viewed directly}}</noinclude>
 
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE -->
 
{{interwikitmp-grp|V=D|wqt=|wsr=|mdw=|wdy=|wsp=|wvy=|wbk=}}
 
 
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.
 
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.
  

Revision as of 12:34, 3 October 2008

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

headercss 
add CSS to the header.
contentcss 
add CSS to the content box.
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

Header background

Code
{{hidden|Title text here|Body text line 1<br/>Body text line 2|bg1=#ccccff|ta2=center}}
Result


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

Lorem ipsum

Code
{{hidden|ta1=left|bg1=cyan|bg2=yellow|lorem ipsum|{{lorem ipsum}}}}
Result

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

Sections

Sections included inside a hidden block result in broken anchors in the table of contents at the top of the page.