Template:Hidden/doc: Difference between revisions

From Official Kodi Wiki
Jump to navigation Jump to search
({{dnb}})
No edit summary
 
(66 intermediate revisions by 46 users not shown)
Line 1: Line 1:
<includeonly>{{template doc page transcluded}}</includeonly>
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.
<noinclude>{{template doc page viewed directly}}</noinclude>
 
<!-- EDIT TEMPLATE DOCUMENTATION BELOW THIS LINE -->
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==
==Usage==
This template 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 following parameters are also available:
===Syntax===
;fw1 : the font-weight for the heading (default "bold")
<pre style="overflow:auto;">
;fw2 : the font-weight for the body (default "normal")
{{Hidden
;bg1 : the background-color for the heading (default "transparent")
|header=
;bg2 : the background-color for the body (default "transparent")
|content=
;ta1 : the text-align for the heading (default "center")
|style=
;ta2 : the text-align for the body (default "left")
|headerstyle=
;headercss : add [[w:Cascading Style Sheets|CSS]] to the header.
|contentstyle=
;contentcss : add [[w:Cascading Style Sheets|CSS]] to the content box.
|fw1=
|fw2=
|bg1=
|bg2=
|ta1=
|ta2=
}}
</pre>
 
===Parameters===
Only two parameters are required for this template:
;header : text for header (or title); alternative to using unnamed parameter <nowiki>{{{1}}}</nowiki>
;content : text for content (or body); alternative to using unnamed parameter <nowiki>{{{2}}}</nowiki>
 
====Optional====
;style : add [[w:Cascading Style Sheets|CSS]] to the main div.
;headerstyle : add [[w:Cascading Style Sheets|CSS]] to the header.
;contentstyle : add [[w:Cascading Style Sheets|CSS]] to the content box.
 
<br/>'''Note:''' This template will not respect the user preference "justify paragraphs".
<br/>'''Note:''' This template will not respect the user preference "justify paragraphs".


{{dnb}}
==Examples==
===Basic===
In this example only the two required parameters are specified.
{| 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>
|-
| 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}}
|}
 
===Header background===
{| class="wikitable"
| style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Code
| <pre style="overflow:auto;">
{{hidden
|Title text here
|Body text line 1<br/>Body text line 2
|headerstyle=background:#ccccff
|style=text-align:center;
}}
</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;}}
|}
 
===CSS===
{| class="wikitable"
| style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Code
|
<pre>
{{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
}}</pre>
|-
| style="background: #ececec; color: black; font-weight: bold; vertical-align: middle; text-align: left" class="table-rh" | Result
|
{{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
}}
|}
 
== See also ==
* [[Template:Collapse top]]
 
<includeonly>
<includeonly>
[[Category:Formatting templates|{{PAGENAME}}]]
[[Category:Formatting templates]]
 
[[pt:Predefinição:Oculto]]
</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