Difference between revisions of "Template:Hidden begin/doc"

From blackwiki
Jump to navigation Jump to search
imported>Plastikspork
(Categories)
imported>Plastikspork
(Fix the super wide display)
Line 41: Line 41:
  
 
== Examples ==
 
== Examples ==
 
<!----------Overall containing table:------------>
 
{| style="margin:0 auto 0;padding:0;border:0;"
 
|
 
<!-----Internal formatting table:------>
 
{| class="wikitable"
 
! Code !!style="width:42.0em;"| Result
 
 
 
<!---------Example 1--------->
 
<!---------Example 1--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin |title=Default example}}
 
{{Hidden begin |title=Default example}}
 
*def
 
*def
Line 58: Line 48:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Default example}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |title=Default example}}
 
*def
 
*def
Line 65: Line 54:
  
 
<!---------Example 2--------->
 
<!---------Example 2--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin
 
{{Hidden begin
 
| titlestyle = background:pink;
 
| titlestyle = background:pink;
Line 76: Line 63:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
| titlestyle = background:pink;
 
| titlestyle = background:pink;
Line 86: Line 72:
  
 
<!---------Example 3--------->
 
<!---------Example 3--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin
 
{{Hidden begin
 
| titlestyle = background:pink; text-align:center;
 
| titlestyle = background:pink; text-align:center;
Line 97: Line 81:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
| titlestyle = background:pink; text-align:center;
 
| titlestyle = background:pink; text-align:center;
Line 107: Line 90:
  
 
<!---------Example 4--------->
 
<!---------Example 4--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin
 
{{Hidden begin
 
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
 
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
Line 118: Line 99:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
 
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
Line 128: Line 108:
  
 
<!---------Example 5--------->
 
<!---------Example 5--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin |showhide=left
 
{{Hidden begin |showhide=left
 
| titlestyle = background:palegreen;
 
| titlestyle = background:palegreen;
Line 139: Line 117:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left
 
| titlestyle = background:palegreen;
 
| titlestyle = background:palegreen;
Line 149: Line 126:
  
 
<!---------Example 6--------->
 
<!---------Example 6--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin |showhide=left
 
{{Hidden begin |showhide=left
 
| titlestyle = background:palegreen;
 
| titlestyle = background:palegreen;
Line 161: Line 136:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}} |showhide=left
 
| titlestyle = background:palegreen;
 
| titlestyle = background:palegreen;
Line 172: Line 146:
  
 
<!---------Example 7--------->
 
<!---------Example 7--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin
 
{{Hidden begin
 
| header = [''header'' (deprecated)]
 
| header = [''header'' (deprecated)]
Line 191: Line 163:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
| header = [''header'' (deprecated)]
 
| header = [''header'' (deprecated)]
Line 209: Line 180:
  
 
<!---------Example 8--------->
 
<!---------Example 8--------->
|- style="vertical-align:top;"
+
<pre style="overflow:auto;">
|
 
<pre style="font-size:95%;overflow:auto;">
 
 
{{Hidden begin
 
{{Hidden begin
 
| titlestyle =  
 
| titlestyle =  
Line 227: Line 196:
 
{{Hidden end}}
 
{{Hidden end}}
 
</pre>
 
</pre>
|
 
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
{{Hidden begin{{#ifeq:{{SUBPAGENAME}}|sandbox |/sandbox}}
 
| titlestyle =  
 
| titlestyle =  
Line 242: Line 210:
 
*ghi
 
*ghi
 
{{Hidden end}}
 
{{Hidden end}}
 
<!----End internal formatting table:---->
 
|}
 
<!--------End overall containing table:---------->
 
|}
 
  
 
== See also ==
 
== See also ==

Revision as of 05:21, 25 June 2014

Syntax

{{Hidden begin
| expanded =  <!--"true", "on", yes", etc, otherwise omit-->
| showhide =  <!--"left", otherwise omit-->
| border = 
| style = 
| titlestyle = 
| title = 
| contentstyle = 
<!--Older, semi-deprecated parameters:-->
|header= |bg1= |bg2= |ta1= |ta2= |extra1= |extra2=
}}
<!----[content to be hidden placed here]---->
{{Hidden end}}

Parameters

Parameter Description
showhide Set to "left" (without speechmarks) to switch the [show/hide] link's position from the righthand end of the titlebar (default) to the left.
expanded Set to anything ("true", "yes", etc) to switch the hidden section's initial state from collapsed (hidden) to expanded (visible).
border CSS styling for border around entire area. Overridden by style (if used).
style CSS styling affecting entire area (titlebar and hidden/hideable content). Overrides border if used.
titlestyle CSS styles to apply to the titlebar (e.g. |titlestyle=border:1px solid lightgrey; to produce a border around it; |titlestyle=background:color; to set its background color to color ; |titlestyle=text-align:[center/right]; to switch its text (title)'s alignment from left to center or right; etc).
title Text shown in titlebar.
contentstyle  CSS styling to apply to the hidden material (e.g. background and text-align, per titlestyle).

Examples

{{Hidden begin |title=Default example}}
*def
*ghi
{{Hidden end}}
Default example
  • def
  • ghi
{{Hidden begin
| titlestyle = background:pink;
| title = ''titlestyle'' is "background:pink;"
}}
*def
*ghi
{{Hidden end}}
titlestyle is "background:pink;"
  • def
  • ghi
{{Hidden begin
| titlestyle = background:pink; text-align:center;
| title = added "text-align:center;"
}}
*def
*ghi
{{Hidden end}}
added "text-align:center;"
  • def
  • ghi
{{Hidden begin
| titlestyle = background:pink; text-align:right; padding-right:3.0em;
| title = ''title'' on right with 3.0em padding
}}
*change window width and
*watch title alignment
{{Hidden end}}
title on right with 3.0em padding
  • change window width and
  • watch title alignment
{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = ''showhide'' set to "left"
}}
*def
*ghi
{{Hidden end}}
showhide set to "left"
  • def
  • ghi
{{Hidden begin |showhide=left
| titlestyle = background:palegreen;
| title = <code style="background:transparent;">showhide=left</code>, hidden content 150% size and in bold (''contentstyle'')
| contentstyle = font-size:150%; font-weight:bold; 
}}
*def
*ghi
{{Hidden end}}
showhide=left, hidden content 150% size and in bold (contentstyle)
  • def
  • ghi
{{Hidden begin
| header = [''header'' (deprecated)]
| titlestyle = font-style:italic; padding-right:3.0em;
| title = [''title'' set to this text]
| border = 1px solid grey
| bg1 = palegreen
| bg2 = cyan
| ta1 = left
| ta2 = center
| extra1 = font-size:120%
| extra2 = font-size:150%
}}
*make window narrower and
*title will wrap
{{Hidden end}}
[header (deprecated)][title set to this text]
  • make window narrower and
  • title will wrap
{{Hidden begin
| titlestyle = 
| title = title&nbsp;with&nbsp;non-breaking&nbsp;spaces&nbsp;
| border = 1px solid red
| bg1 = cyan
| bg2 = yellow
| ta1 = right
| ta2 = left
| extra1 = font-size:120%; padding-right:2.5em;
| extra2 = font-size:150%; padding-left:3.0em;
}}
*def ... these should have left padding
*ghi
{{Hidden end}}
title with non-breaking spaces 
  • def ... these should have left padding
  • ghi

See also