Template:Hidden: Difference between revisions
| [unchecked revision] | [unchecked revision] |
Caleb Cooper (talk | contribs) No edit summary |
Caleb Cooper (talk | contribs) |
||
| (6 intermediate revisions by 2 users not shown) | |||
| Line 3: | Line 3: | ||
|title={{#if:{{{multiline|{{{multi-line|}}}}}}|<div style="margin-right:4em;line-height:125%;height:auto;">{{{title|{{{header|{{{1}}}}}}}}}</div>|{{{title|{{{header|{{{1|<noinclude>Header Text</noinclude>}}}}}}}}}}} |
|title={{#if:{{{multiline|{{{multi-line|}}}}}}|<div style="margin-right:4em;line-height:125%;height:auto;">{{{title|{{{header|{{{1}}}}}}}}}</div>|{{{title|{{{header|{{{1|<noinclude>Header Text</noinclude>}}}}}}}}}}} |
||
|bg2={{{bg2|transparent}}}|ta2={{{ta2|left}}}|contentstyle={{#ifeq:{{{fw2|normal}}}|normal||font-weight:{{{fw2|normal}}};}}{{{contentcss|{{{contentstyle|}}}}}} }} |
|bg2={{{bg2|transparent}}}|ta2={{{ta2|left}}}|contentstyle={{#ifeq:{{{fw2|normal}}}|normal||font-weight:{{{fw2|normal}}};}}{{{contentcss|{{{contentstyle|}}}}}} }} |
||
{{#ifeq: {{{hlist|}}} | true |<div class="hlist"> |
|||
{{{content|{{{contents|{{{text|{{{2|<noinclude>Content Body Text</noinclude>}}}}}}}}}}}}{{hidden end}}{{#if:{{{bg1|}}}{{{bg2|}}}{{{ta1|}}}{{{ta2|}}}{{{fw1|}}}{{{fw2|}}}|[[Category:Hidden templates using styles|{{NAMESPACE}}{{PAGENAME}}]]}} |
|||
{{{content|{{{contents|{{{text|{{{2|<noinclude>Content Body Text</noinclude>}}}}}}}}}}}} |
|||
</div> | {{{content|{{{contents|{{{text|{{{2|<noinclude>Content Body Text</noinclude>}}}}}}}}}}}} }} |
|||
</div></div>{{hidden end}} |
|||
<noinclude> |
<noinclude> |
||
| Line 28: | Line 31: | ||
====Optional==== |
====Optional==== |
||
; style : CSS styling for template overall. |
; style : CSS styling for template overall. |
||
; headerstyle : CSS styling for title (header). |
; headerstyle : CSS styling for title (header). |
||
| Line 35: | Line 40: | ||
; toggle left : setting {{para|toggle|left}} will display "Expand" or "Collapse" at the left side of the page |
; toggle left : setting {{para|toggle|left}} will display "Expand" or "Collapse" at the left side of the page |
||
; border : any valid css for border styles (e.g. {{para|border|6px solid red}}) |
; border : any valid css for border styles (e.g. {{para|border|6px solid red}}) |
||
; hlist : formats content text body as horizontal list (e.g. {{para|hlist|true}}) |
|||
{{Note|There are many additional parameters added for backwards compatibility with Templates copied from mediawiki or wikipedia, see template data below for full list}} |
{{Note|There are many additional parameters added for backwards compatibility with Templates copied from mediawiki or wikipedia, see template data below for full list}} |
||
| Line 55: | Line 60: | ||
| {{rh}} | Result |
| {{rh}} | Result |
||
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2}} |
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2}} |
||
|} |
|||
Alternative Display: |
|||
In this example only the two required parameters are specified. |
|||
{| class="wikitable" |
|||
| {{rh}} | Code |
|||
| <pre>{{Hidden|Title text here|Body text line 1<br/>Body text line 2|toggle=left|expandtext="+"|contentstyle = text-align: left|ta1 = left}}</pre> |
|||
|- |
|||
| {{rh}} | Result |
|||
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2|toggle=left|expandtext="+"|contentstyle = text-align: left|ta1 = left}} |
|||
|} |
|} |
||
| Line 91: | Line 106: | ||
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2|border=3px solid black|toggle=left|collapsetext="-"|expandtext="+"}} |
| {{{{PAGENAMETDOC}}|Title text here|Body text line 1<br/>Body text line 2|border=3px solid black|toggle=left|collapsetext="-"|expandtext="+"}} |
||
|} |
|} |
||
=== Expanded by default using hlist === |
|||
{| class="wikitable" |
|||
| {{rh}} | Code |
|||
| <source lang="css" style="overflow:auto;"> |
|||
{{hidden |
|||
|Horizontal List |
|||
| |
|||
*Bullet 1 |
|||
*Bullet 2 |
|||
*Bullet 3 |
|||
|collapsetext="-" |
|||
|expandtext="+" |
|||
|expanded=on |
|||
|hlist=true |
|||
}} |
|||
</source> |
|||
|- |
|||
| {{rh}} | Result |
|||
| {{{{PAGENAMETDOC}}|Horizontal List| |
|||
*Bullet 1 |
|||
*Bullet 2 |
|||
*Bullet 3 |
|||
|collapsetext="-"|expandtext="+"|expanded=on|hlist=true}} |
|||
|} |
|||
===CSS=== |
===CSS=== |
||
| Line 234: | Line 275: | ||
"description": "Text to replace \"Expand\" toggle", |
"description": "Text to replace \"Expand\" toggle", |
||
"example": "expandtext=\"+\"", |
"example": "expandtext=\"+\"", |
||
"type": "string" |
|||
}, |
|||
"hlist": { |
|||
"description": "Formats content body as horizontal list", |
|||
"example": "hlist=true", |
|||
"type": "string" |
"type": "string" |
||
} |
} |
||
Latest revision as of 10:39, 8 December 2020
Usage
Full syntax
{{Hidden
| expanded=true <!--(omit for initial hidden state)-->
| style =
| headerstyle =
| header =
| contentstyle =
| content =
|fw1= |fw2= |bg1= |bg2= |ta1= |ta2=
}}
Parameters
Only two parameters are required for this template:
- header
- text for header (title); alternative to using unnamed parameter {{{1}}}
- content
- text for body (content); alternative to using unnamed parameter {{{2}}}
Optional
- style
- CSS styling for template overall.
- headerstyle
- CSS styling for title (header).
- contentstyle
- CSS styling for the hidden content.
- expanded
- any nonblank value (e.g.
|expanded=on) will cause the template to be initially expanded by default. - multiline
- any nonblank value (e.g.
|multline=y) will reduce the line-height of the title and add some padding to avoid overlap with the show/hide button. - toggle left
- setting
|toggle=leftwill display "Expand" or "Collapse" at the left side of the page - border
- any valid css for border styles (e.g.
|border=6px solid red) - hlist
- formats content text body as horizontal list (e.g.
|hlist=true)
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 |
Alternative Display: In this example only the two required parameters are specified.
| Code | {{Hidden|Title text here|Body text line 1<br/>Body text line 2|toggle=left|expandtext="+"|contentstyle = text-align: left|ta1 = left}}
|
| 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 |
Border with toggle left
| Code | {{hidden
|Title text here
|Body text line 1<br/>Body text line 2
|border=3px solid black
|toggle=left
|collapsetext="-"
|expandtext="+"
}}
|
| Result |
Expanded by default using hlist
| Code | {{hidden
|Horizontal List
|
*Bullet 1
*Bullet 2
*Bullet 3
|collapsetext="-"
|expandtext="+"
|expanded=on
|hlist=true
}}
|
| 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 |
This hides
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| Title | 1 title header | text for header (title) | String | required |
| Body | 2 | text for body (content) | String | required |
| heading font weight | fw1 | The CSS font weight for the heading | Unknown | optional |
| heading background color | bg1 | The CSS background color for the heading | Unknown | suggested |
| header body text align | ta1 | The CSS text align for the header | Unknown | optional |
| style | style css | CSS styling for template overall. | Unknown | optional |
| Header CSS | headerstyle headercss titlestyle titlecss | CSS styling for title (header) | Unknown | optional |
| Header | header | text for header (title); alternative to using unnamed parameter {{{1}}} | Unknown | optional |
| Content CSS | contentstyle contentcss | CSS styling for the hidden content | String | optional |
| Content | content contents text | text for body (content); alternative to using unnamed parameter {{{2}}} | Unknown | optional |
| heading font weight | fw2 | The CSS font weight for the heading | Unknown | optional |
| body background color | bg2 | The CSS background color for the body | Unknown | optional |
| body text align | ta2 | The CSS text align for the body | Unknown | optional |
| toggle | toggle showhide | Set toggle to left to show "Expand" on left side of page
| String | optional |
| expanded | expanded expand | any nonblank value will cause the template to be initially expanded by default.
| Unknown | optional |
| class | class | no description | Unknown | optional |
| border | border | Change the CSS style border property
| Unknown | optional |
| multiline | multiline multi-line | any nonblank value will reduce the line-height of the title and add some padding to avoid overlap with the show/hide button.
| Unknown | optional |
| collapsetext | collapsetext | Text to replace "Collapse" toggle
| Unknown | optional |
| expandtext | expandtext | Text to replace "Expand" toggle
| String | optional |
| hlist | hlist | Formats content body as horizontal list
| String | optional |