Difference between revisions of "Template:Hidden begin"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
<includeonly><div class="mw-collapsible {{#ifeq:{{{showhide|}}}|left|mw-collapsible-leftside-toggle}} {{#if:{{{expanded|}}} | |mw-collapsed}} | <includeonly><div class="mw-collapsible {{#ifeq:{{{showhide|}}}|left|mw-collapsible-leftside-toggle}} {{#if:{{{expanded|}}} | |mw-collapsed}} | ||
{{{class|}}}" style="box-sizing:border-box;width:100%;font-size:95%;padding:4px;border:{{{border|none}}};{{{style|}}}"><!-- | {{{class|}}}" style="box-sizing:border-box;width:100%;font-size:95%;padding:4px;border:{{{border|none}}};{{{style|}}}"><!-- | ||
− | --><div style="font-size:100%;line-height:1.6;font-weight:bold;background:{{{bg1|transparent}}};text-align:{{{ta1|left | + | --><div style="font-size:100%;line-height:1.6;font-weight:bold;background:{{{bg1|transparent}}};text-align:{{{ta1|left}}};{{{titlestyle|{{{headercss|}}}}}}">{{{title|}}}</div><!-- |
− | --><div class="mw-collapsible-content" style="background:{{{bg2|transparent}}};text-align:{{{ta2|left | + | --><div class="mw-collapsible-content" style="background:{{{bg2|transparent}}};text-align:{{{ta2|left}}};{{{bodystyle|{{{contentstyle|{{{contentcss|}}}}}}}}}"></includeonly><noinclude> |
This template creates a dynamic navigation box using Mediawiki style sheet declarations. In a saved, rendered page this template creates a clickable link that toggles between [show] and [hide]. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, it displays the second parameter (the body) below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body and the [hide] link becomes [show] again. | This template creates a dynamic navigation box using Mediawiki style sheet declarations. In a saved, rendered page this template creates a clickable link that toggles between [show] and [hide]. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, it displays the second parameter (the body) below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body and the [hide] link becomes [show] again. | ||
Line 24: | Line 24: | ||
| bg2 = | | bg2 = | ||
| ta2 = | | ta2 = | ||
− | |||
− | |||
}} | }} | ||
<!----[content to be hidden placed here]----> | <!----[content to be hidden placed here]----> |
Latest revision as of 01:00, 5 September 2020
This template creates a dynamic navigation box using Mediawiki style sheet declarations. In a saved, rendered page this template creates a clickable link that toggles between [show] and [hide]. It displays the first parameter (the heading) with a [show] link on the right. If [show] is clicked by the user, it displays the second parameter (the body) below the heading and the [show] link becomes [hide]. Clicking on [hide] then hides the body and the [hide] link becomes [show] again.
The Template:Hidden begin and Template: Hidden end are used to mark a block of text hidden / shown and enabled the toggle.
Syntax[edit]
{{Hidden begin | expanded = <!--"true", "on", yes", etc, otherwise omit--> | showhide = <!--"left", otherwise omit--> | class = | style = | border = | title = | titlestyle = | bg1 = | ta1 = | contentstyle = | bg2 = | ta2 = }} <!----[content to be hidden placed here]----> {{Hidden end}}
Parameters[edit]
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). |
class | Class attribute affecting entire area. |
style | CSS styling affecting entire area (titlebar and hidden/hideable content). |
border | CSS styling for border around entire area. Will be overridden by any border styles in style. |
title | Text shown in titlebar. |
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.). |
bg1 | Background color for titlebar; defaults to transparent. May be overridden if titlestyle includes anything that changes the background. |
ta1 | Text alignment for titlebar; defaults to left. May be overridden if titlestyle includes anything that changes the text alignment. |
contentstyle | CSS styling to apply to the hidden/hideable content (e.g. background and text-align, per titlestyle). |
bg2 | Background color for content; defaults to transparent. May be overridden if contentstyle includes anything changes the background. |
ta2 | Text alignment for content; defaults to left. May be overridden if contentstyle includes anything that changes the text alignment. |
Examples[edit]
Example 1[edit]
{{Hidden begin |title=Default example}} * def * ghi {{Hidden end}}
Default example
- def
- ghi
Example 2[edit]
{{Hidden begin | titlestyle = background:pink; | title = ''titlestyle'' is "background:pink;" }} * def * ghi {{Hidden end}}
titlestyle is "background:pink;"
- def
- ghi
Example 3[edit]
{{Hidden begin | titlestyle = background:pink; | title = added "ta1=center" | ta1 = center }} * def * ghi {{Hidden end}}
added "ta1=center"
- def
- ghi
Example 4[edit]
{{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
Example 5[edit]
{{Hidden begin |showhide=left |expanded=true | titlestyle = background:palegreen; | title = ''showhide'' set to "left" and ''expanded'' set to "true" }} * def * ghi {{Hidden end}}
showhide set to "left" and expanded set to "true"
- def
- ghi
Example 6[edit]
{{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
Example 7[edit]
{{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 | ta1 = right | extra1 = font-size:120%; <!--semicolon required since titlestyle is used--> | extra2 = font-size:150% <!--semicolon optional when contentstyle not used--> }} * make window narrower and * title will wrap {{Hidden end}}
[title set to this text]
- make window narrower and
- title will wrap
Example 8[edit]
{{Hidden begin | titlestyle = | title = title with non-breaking spaces | 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