TeraS at 14:03, 19 June 2013

2013-06-19T14:03:44Z

← Older revision		Revision as of 07:03, 19 June 2013
Line 32:		Line 32:
	\| ''title'' \|\| Text shown in titlebar.		\| ''title'' \|\| Text shown in titlebar.
	\|-		\|-
	\| ''titlestyle'' \|~~\| [[Cascading Style Sheet~~\|CSS]] styles to apply to ''title'', e.g. "border:1px solid lightgrey;" to produce a border around the titlebar, "background:''color'';" to change the titlebar's background color from transparent to ''color'', "text-align:[center/right];" to change the titlebar text's alignment from left to center or right, etc.		\| ''titlestyle'' \|\| CSS styles to apply to ''title'', e.g. "border:1px solid lightgrey;" to produce a border around the titlebar, "background:''color'';" to change the titlebar's background color from transparent to ''color'', "text-align:[center/right];" to change the titlebar text's alignment from left to center or right, etc.
	\|-		\|-
	\| ''bodystyle'' \|\| CSS styles to apply to the hidden material, e.g. background and text-align per ''titlestyle''.		\| ''bodystyle'' \|\| CSS styles to apply to the hidden material, e.g. background and text-align per ''titlestyle''.

TeraS: Created page with "{{Documentation subpage}} *{{tl|hidden begin}} *{{tl|hidden end}} ==Syntax==

2013-06-18T19:34:31Z
Created page with "{{Documentation subpage}} <!---PLEASE ADD METADATA TO THE <includeonly> SECTION AT THE BOTTOM OF THIS PAGE---> *{{tl|hidden begin}} *{{tl|hidden end}}  ==Syntax== <pre style="..."
New page
{{Documentation subpage}}

<!---PLEASE ADD METADATA TO THE <includeonly> SECTION AT THE BOTTOM OF THIS PAGE--->

*{{tl|hidden begin}}

*{{tl|hidden end}}



==Syntax==

<pre style="overflow:auto;">

{{Hidden begin

|toggle=

|border=

|header=

|title=

|titlestyle=

|bodystyle=

|bg1=

|bg2=

|ta1=

|ta2=

|extra1=

|extra2=

}}

<!-- content -->

{{Hidden end}}

</pre>



== Parameters ==

{| class="wikitable" style="font-size:95%; line-height:1.3em;"

! Parameter      !! Description

|-

| ''toggle''  || Set to "left" (without speechmarks) to move [show/hide] button to titlebar's lefthand side.

|-

| ''title''      || Text shown in titlebar.

|-

| ''titlestyle'' || [[Cascading Style Sheet|CSS]] styles to apply to ''title'', e.g. "border:1px solid lightgrey;" to produce a border around the titlebar, "background:''color'';" to change the titlebar's background color from transparent to ''color'', "text-align:[center/right];" to change the titlebar text's alignment from left to center or right, etc.

|-

| ''bodystyle''  || CSS styles to apply to the hidden material, e.g. background and text-align per ''titlestyle''.

|}



== Examples ==

{| class="wikitable" width="100%"

! Code !! Result

|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|title = default example

}}

*def

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|title = default example

}}

*def

*ghi

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|title = title with background:pink

|titlestyle = background:pink;

}}

*def

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|title = title with background:pink

|titlestyle = background:pink;

}}

*def

*ghi

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|title = title aligned in the center

|titlestyle = background:pink; text-align:center;

}}

*def

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|title = title aligned in the center

|titlestyle = background:pink; text-align:center;

}}

*def

*ghi

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|title = title aligned on the right needs padding-right

|titlestyle = background:pink;

 text-align:right;padding-right:3em;

}}

*change window width and

*watch title alignment

{{hidden end}}

</pre>

|

{{hidden begin

|title = title aligned on the right needs padding-right

|titlestyle = background:pink;

 text-align:right; padding-right:3em;

}}

*change window width and

*watch title alignment

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|toggle     = left

|title      = title with toggle=left

|titlestyle = background:palegreen;

}}

*def

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|toggle     = left

|title      = title with toggle=left

|titlestyle = background:palegreen;

}}

*def

*ghi

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|toggle     = right

|title      = title with toggle=right

|titlestyle = background:lightgrey;

}}

*def

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|toggle     = right

|title      = title with toggle=right

|titlestyle = background:lightgrey;

}}

*def

*ghi

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|toggle     = left

|title      = abc with toggle=left

|titlestyle = background:palegreen;

|bodystyle  = font-size:150%; font-weight:bold; 

}}

*def

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|toggle     = left

|title      = abc with toggle=left

|titlestyle = background:palegreen;

|bodystyle  = font-size:150%; font-weight:bold; 

}}

*def

*ghi

{{hidden end}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|toggle     = right

|header     = deprecated_header_

|title      = title with toggle=right

|titlestyle = font-style:italic; padding-right:3em;

|border     = dashed

|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}}

</pre>

|

{{hidden begin

|toggle     = right

|header     = deprecated_header_

|title      = title with toggle=right

|titlestyle = font-style:italic; padding-right:3em;

|border     = dashed

|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}}



|- style="vertical-align:top;"

|width="50%"|

<pre style="font-size:95%; overflow:auto;">

{{hidden begin

|toggle     = right

|title      = title&nbsp;with&nbsp;non-breaking&nbsp;spaces

|titlestyle = 

|border     = dotted

|bg1        = cyan

|bg2        = yellow

|ta1        = right

|ta2        = left

|extra1     = font-size:120%; padding-right:2.5em;

|extra2     = font-size:150%; padding-left:3em;

}}

*def these should have left padding 

*ghi

{{hidden end}}

</pre>

|

{{hidden begin

|toggle     = right

|title      = title&nbsp;with&nbsp;non-breaking&nbsp;spaces

|titlestyle = 

|border     = dotted

|bg1        = cyan

|bg2        = yellow

|ta1        = right

|ta2        = left

|extra1     = font-size:120%; padding-right:2.5em;

|extra2     = font-size:150%; padding-left:3em;

}}

*def these should have left padding 

*ghi

{{hidden end}}

|}



== See also ==

*{{tl|Hidden}}



<!-- 



     THIS IS A SHARED DOCUMENTATION PAGE 

 PLEASE ADD INTERWIKIs and CATEGORIES TO EITHER



Template:Hidden begin/doc  or  Template:Hidden end/doc



-->

Template:Hidden begin-end/doc - Revision history

TeraS at 14:03, 19 June 2013