Template:Collapsible list/doc: Difference between revisions

From HIBIKIFORUM
Jump to navigation Jump to search
mNo edit summary
mNo edit summary
 
(6 intermediate revisions by the same user not shown)
Line 42: Line 42:
| {{para|bullets}} || Include as {{para|bullets|on}}, {{para|bullets|true}}, etc to place a [[wikipedia:Bullet (typography)|bullet point]] before each list item.
| {{para|bullets}} || Include as {{para|bullets|on}}, {{para|bullets|true}}, etc to place a [[wikipedia:Bullet (typography)|bullet point]] before each list item.
|-
|-
| {{para|Unnamed parameters}}{{br}}(first, second, third...) || The list items (in the order in which they will appear). If none are supplied, the template outputs nothing.
| Unnamed parameters{{br}}(first, second, third...) || The list items (in the order in which they will appear). If none are supplied, the template outputs nothing.
|}
|}


== Examples ==
== Examples ==
<div style="float:right;width:45%">
{{collapsible list |title=[[wikipedia:European Free Trade Association|European Free Trade Association]] members |[[wikipedia:Iceland|Iceland]] |[[wikipedia:Liechtenstein|Liechtenstein]] |[[wikipedia:Norway|Norway]] |[[wikipedia:Switzerland|Switzerland]]}}
</div>
{{tj|Collapsible list
{{tj|Collapsible list
  | title: {{!(n(}}European Free Trade Association]] members
  | title: {{!(n(}}European Free Trade Association]] members
Line 53: Line 57:
  | {{!(n(}}Switzerland]]
  | {{!(n(}}Switzerland]]
}}
}}
{{collapsible list |title=[[European Free Trade Association]] members |[[Iceland]] |[[Liechtenstein]] |[[Norway]] |[[Switzerland]]}}


=== Example of a list without borders because it is within an infobox ===
=== Example of a list without borders because it is within an infobox ===
Line 71: Line 73:
{{Collapsible list
{{Collapsible list
   | framestyle= border:none; padding:0; <!--Hides borders and improves row spacing-->
   | framestyle= border:none; padding:0; <!--Hides borders and improves row spacing-->
   | title= List of Other Names
   | title= List of Pseudonym
   | bullets= on
   | bullets= on
   | Theta (Enzou)  
   | Theta (Enzou)  
Line 88: Line 90:
}}
}}


{{tj|Infobox Creator
{{Pre|{{{{fcb|#4169e1|Infobox Creator}}
   | Name RomanjiEnzou
   | {{fcb|#2e8b57|Name Romanji}} = {{fc|#933|Enzou}}
   | Name Kanjiエンゾウ
   | {{fcb|#2e8b57|Name Kanji}} = {{fc|#933|エンゾウ}}
   | ImageEnzou.jpg
   | {{fcb|#2e8b57|Image}} = {{fc|#933|Enzou.jpg}}
   | OccupationMangaka
   | {{fcb|#2e8b57|Occupation}} = {{fc|#933|Mangaka}}
   | Place of Birth: Japan
   | {{fcb|#2e8b57|Place of Birth}} = {{fc|#933|Japan}}
   | Birth Date: {{((}}Bdy{{!}}09{{!}}05{{))}}
   | {{fcb|#2e8b57|Birth Date}} = {{fc|#933|{{((}}Bdy{{!}}09{{!}}05{{))}}}}
   | Death Date:  
   | {{fcb|#2e8b57|Death Date}} =  
   | Sex: Female
   | {{fcb|#2e8b57|Sex}} = {{fc|#933|Female}}
   | Blood Type: A
   | {{fcb|#2e8b57|Blood Type}} = {{fc|#933|A}}
   | Associated Names:
   | {{fcb|#2e8b57|Associated Names}} =
{{tj|Collapsible list
{{{{fcb|#4169e1|Collapsible list}}
   | framestyle: border:none; padding:0; <nowiki><!--Hides borders and improves row spacing--></nowiki>
   | {{fcb|#2e8b57|framestyle}} = {{fc|#933|border:none; padding:0; <nowiki><!--Hides borders and improves row spacing--></nowiki>}}
   | title: List of Other Names
   | {{fcb|#2e8b57|title}} = {{fc|#933|List of Pseudonym}}
   | bullets: on
   | {{fcb|#2e8b57|bullets}} = {{fc|#933|on}}
   | Theta (Enzou)  
   | {{fc|#933|Theta (Enzou)}}
   | θ (エンゾウ)
   | {{fc|#933|θ (エンゾウ)}}
}}
  | Circles:
{{tj|Collapsible list
  | framestyle: border:none; padding:0; <nowiki><!--Hides borders and improves row spacing--></nowiki>
  | title: List of Doujin Circles
  | bullets: on
  | Fake Circle
  | Fake 2nd Circle
  | Fake 3rd Circle
}}
}}
   | Activity Period:
   | Circles = 
{{{{fcb|#4169e1|Collapsible list}}
  | {{fcb|#2e8b57|framestyle}} = {{fc|#933|border:none; padding:0; <nowiki><!--Hides borders and improves row spacing--></nowiki>}}
  | {{fcb|#2e8b57|title}} = {{fc|#933|List of Doujin Circles}}
  | {{fcb|#2e8b57|bullets}} = {{fc|#933|on}}
  | {{fc|#933|Fake Circle}}
  | {{fc|#933|Fake 2nd Circle}}
  | {{fc|#933|Fake 3rd Circle}}
}}
}}
  | {{fcb|#2e8b57|Activity Period}} = 
}}}}


== TemplateData ==
== TemplateData ==
Line 245: Line 247:


<!-- Categories below this line, please -->
<!-- Categories below this line, please -->
[[Category:Templates]]
[[Category:List templates]]
[[Category:Infobox formatting templates]]
[[Category:Infobox formatting templates]]
}}}}</includeonly>
}}}}</includeonly>

Latest revision as of 02:19, 20 August 2023

Light bulb.png }}
It contains usage information, categories and other content that is not part of the original template page.


This template produces a collapsible list. It is possible to set CSS styles for the "frame" (the <div>...</div> tags surrounding the list), for the list title, and for the list items. The template supports an unlimited number of list items.

This template is typically used in infoboxes and navboxes; it should not normally be used in regular article content.

Syntax

{{Collapsible list
| expand =
| framestyle =
| titlestyle =
| title =
| liststyle =
| hlist =
| bullets =
| 1 = <!--(First item in list; the "1 =" is usually not required)-->
| 2 = <!--(Second item in list; ditto)-->
| 3 = <!--(Third item in list; etc.)-->
| <!-- etc -->
}}

Parameters

Parameter Description
|expand= Any text in this parameter (including "no") sets the list's default state to expanded rather than collapsed. Omit the parameter or leave it blank to set the default state to collapsed.
|framestyle= Custom CSS styling applied the template overall (title and list).
|titlestyle= Custom CSS styling applied to the title.
|title= The list's title (always on view beside the list's [show/hide] link).
|liststyle= Custom CSS styling applied to the list (specifically, to the <ul>...</ul> tags delimiting the list).
|hlist= Include as |hlist=on, |hlist=true, etc to produce a horizontal rather than vertical list.
|bullets= Include as |bullets=on, |bullets=true, etc to place a bullet point before each list item.
Unnamed parameters
(first, second, third...)
The list items (in the order in which they will appear). If none are supplied, the template outputs nothing.

Examples

{{Collapsible list
| title = [[European Free Trade Association]] members
| [[Iceland]]
| [[Liechtenstein]]
| [[Norway]]
| [[Switzerland]]
}}

Example of a list without borders because it is within an infobox

In these examples, the fields Associate Names and Circles have been changed to use collapsible list.

Collapsible list/doc
エンゾウ
Enzou.jpg
Profile
ProfessionMangaka
Date of BirthSeptember 05
SexFemale
Blood TypeType A
{{Infobox Creator
  | Name Romanji = Enzou
  | Name Kanji = エンゾウ
  | Image = Enzou.jpg
  | Occupation = Mangaka
  | Place of Birth = Japan
  | Birth Date = {{Bdy|09|05}}
  | Death Date =  
  | Sex = Female
  | Blood Type = A
  | Associated Names = 
{{Collapsible list
  | framestyle = border:none; padding:0; <!--Hides borders and improves row spacing-->
  | title = List of Pseudonym
  | bullets = on
  | Theta (Enzou)
  | θ (エンゾウ)
}}
  | Circles =  
{{Collapsible list
  | framestyle = border:none; padding:0; <!--Hides borders and improves row spacing-->
  | title = List of Doujin Circles
  | bullets = on
  | Fake Circle
  | Fake 2nd Circle
  | Fake 3rd Circle
}}
  | Activity Period =  
}}

TemplateData

Produces an HTML list that can be collapsed

Template parameters

This template prefers block formatting of parameters.

ParameterDescriptionTypeStatus
Titletitle

The list's title (Always in view beside the list's [show/hide] link).

Stringsuggested
Horizontal listhlist

Use value 'on' or 'true' to produce a horizontal rather than vertical list

Example
true
Auto value
true
Stringoptional
Bulletsbullets

Set as 'on' or 'true' to place a bullet point before each list item

Example
true
Auto value
true
Stringoptional
Expand listexpand

Expand the list instead of collapsing it

Example
true
Auto value
true
Stringoptional
First list item1

A single list item

Contentsuggested
Frame styleframestyle frame_style

Custom CSS styling applied the template overall (title and list).

Example
border: 1px;
Stringoptional
Title styletitlestyle title_style

CSS styling applied to the title

Example
color:brown;
Stringoptional
List styleliststyle list_style

CSS styling applied solely to the list itself

Example
list-style-type: square;
Stringoptional
Second list item2

A single list item

Contentsuggested
Third list item3

A single list item

Contentsuggested
Fourth list item4

A single list item

Contentoptional
55

no description

Contentoptional
66

no description

Contentoptional
77

no description

Contentoptional
88

no description

Contentoptional
99

no description

Contentoptional
1010

no description

Contentoptional