Templat:Navbox with collapsible groups/doc

This template produces a navigational template that has groups of relevant articles on a certain topic. All groups are hidden by default. However, with a parameter call, an individual group can be shown that has the other articles in the same group.

Usage

Please remove the parameters that are left blank. The template currently supports up to 10 groups/lists but more can be added if needed. You should use a minimum of two groups/lists; otherwise, use {{Navbox}} instead.

{{Navbox with collapsible groups
|name = {{subst:PAGENAME}}
|state = 
|selected = {{{1|}}}

|title = 
|titlestyle = 
|groupstyle = 
|image = 

|group1 = 
|abbr1 = 
|list1 =

|group2 = 
|abbr2 = 
|list2 = 

 ...

|abbr20 = 
|group20 = 
|list20 = 
}}

Parameters

This template shares many common parameters with its sister templates {{Navbox}} and {{Navbox with columns}}. The common parameters are marked with a cross^†. Please refer to the documentation of {{Navbox}} for more in depth descriptions and examples of those parameters.

Setup parameters

name^†

The name of the template. The name of this template, for example, is "Navbox with collapsible groups".

state^† [autocollapse, uncollapsed, collapsed, plain, off]

The initial state of the show/hide feature. See {{Navbox}} for more information.

navbar^†

Possible values are plain, off, and the default value of blank. See {{Navbox}} for more information.

border^†

Possible values are child, none, and the default value of blank. Set to child if you wish to use the navbox inside of another navbox; with this option, the child navbox is borderless and fits snuggly inside of its parent navbox. The parent navbox may be the list area of {{Navbox}}, the columns of a {{Navbox with columns}}, or a list area of {{Navbox with collapsible groups}}. See {{Navbox}} for more information and examples.

Basic data parameters

title^†

The title of the template, displayed centered in the titlebar at the top of the template.

above^†

Text or other elements to appear above groups/lists.

image^†

Image to the right of all of the groups/lists.

imageleft^†

Image to the left of all of the groups/lists.

below^†

Text or other elements to appear below the groups/lists.

Group/list parameters

group_n

The title of each section.

list_n^†

The content/wikilinks that will be shown in the group. Use dots or bullets as separators (see the See also section). A {{Navbox}} or {{Navbox with columns}} can optionally be used here with its border = child parameter set. If this is done, leave the corresponding group_n blank, as the child navbox will already provide the collapsible feature.

abbr_n

This is the abbreviation of the group. See selected parameter below to see how to use this parameter. This parameter is optional, but recommended.

selected

If the value of selected equals the value of abbrn, then list_n is uncollapsed and all other lists are collapsed. If selected is left blank, or if it does not match any abbrn, then all groups are collapsed. Usually this parameter should be set to {{{1|}}}. Since this template is a base template for others, there has to be a way to pass the group parameter from the article, to the secondary template to this one.

state_n [autocollapse, uncollapsed, collapsed, plain, off]

The initial collapsible state of list_n. Set to collapsed by default. Overridden to uncollapsed if selected equals abbrn.

image_n

An image to appear in the list_n content area on the right side.

imageleft_n

An image to appear in the list_n content area on the left side.

Style parameters

bodystyle^†

CSS style/s to apply to the entire template

titlestyle^†

CSS style/s to apply to titlebar; usually background:color. The color of wikilink text must be manually changed using span tags. For example use title = [[Scouting|<span style="color:ivory;">Scouting</span>]] to change the color of the link to ivory. The [show]/[hide] button and the vde link button use the color set in the titlestyle parameter. Here is an example of setting the titlestyle:

titlestyle = background:darkgreen;color:ivory;

abovestyle^†

belowstyle^†

CSS style/s to apply to the above and below parameters, respectively.

basestyle^†

CSS style/s to apply to the title, above, below, and group_n parameters, all at the same time.

imagestyle^†

CSS style/s to apply to the image parameter. Does not get applied to the image_n parameters.

imageleftstyle^†

CSS style/s to apply to the imageleft parameter. Does not get applied to the imageleft_n parameters.

groupstyle

CSS style/s to apply to all group heading parameters. Visit this website to get a lighter color similar to the title background color. Example:

groupstyle = background:lightgreen;

group_nstyle

CSS style/s to apply to a specific group heading; overrides any CSS styles set in groupstyle.

liststyle^†

CSS style/s to apply to all list content parameters.

list_nstyle^†

CSS style/s to apply to specific list content parameters; overrides any CSS styles set in liststyle.

listpadding^†

Padding to have in each list cell; defaults to 0.25em on the left/right and 0em on the top/bottom.

Examples

Basic example

{{Navbox with collapsible groups
|name = University of Michigan
|title = [[University of Michigan|<span style="color:#FFD700;">The University of Michigan, Ann Arbor</span>]]
|titlestyle = background:#00008B;color:#FFD700;
|groupstyle = background:#FFD700;color:#00008B;
|image = 
|selected = {{{1|}}}
|state = collapsed

|group1 = [[University of Michigan#Academic profile|<span style="color:#00008B;">Academics</span>]]
|abbr1 = academics
|list1 = [[University of Michigan College of Engineering|College of Engineering]]{{·}} [[University of Michigan College of Literature, Science, and the Arts|College of Literature, Science and the Arts]]{{·}} [[Gerald R. Ford School of Public Policy]]{{·}} [[University of Michigan Law School|Law School]]{{·}} [[University of Michigan Health System|Medical School]]{{·}} [[Ross School of Business]]{{·}} [[University of Michigan School of Education|School of Education]]{{·}} [[University of Michigan School of Information|School of Information]]{{·}} [[University of Michigan School of Music, Theatre & Dance|School of Music, Theatre & Dance]]{{·}}[[University of Michigan School of Natural Resources and Environment|School of Natural Resources and Environment]]{{·}} [[University of Michigan School of Public Health|School of Public Health]]{{·}} [[Taubman College of Architecture and Urban Planning]]

|group2 = [[Michigan Wolverines|<span style="color:#00008B;">Athletics</span>]]
|abbr2 = athletics
|list2 = [[Michigan Stadium|Michigan Stadium]]{{·}} [[Crisler Arena|Crisler Arena]]{{·}} [[Yost Ice Arena|Yost Ice Arena]]{{·}} [[Michigan Wolverines|Michigan Wolverines]]{{·}} [[Michigan Wolverines football|Football]]{{·}} [[Michigan-Ohio State rivalry|UM-OSU Rivalry]]{{·}} [[Little Brown Jug (football)|Little Brown Jug]]{{·}} [[Paul Bunyan Trophy]]{{·}} [[Cold War (ice hockey)|Cold War]]

|group3 = Campus
|abbr3 = campus
|list3 = [[Angell Hall Observatory]]{{·}} [[Burton Tower]]{{·}} [[The Diag]]{{·}} [[David M. Dennison Building|Dennison Building]]{{·}} [[Gerald R. Ford Presidential Library]]{{·}} [[Hill Auditorium|Hill Auditorium]]{{·}} [[Lurie Tower]]{{·}} [[Matthaei Botanical Gardens]]{{·}} [[Michigan Union]]{{·}} [[Museums at the University of Michigan|Museums]]{{·}} [[Nichols Arboretum]]{{·}} [[University of Michigan Health System|UM Health System]]{{·}} [[University of Michigan Library|University Library]]

}}

Nesting other Navbox forms

This example shows {{Navbox}}, {{Navbox with collapsible groups}} and {{Navbox with columns}} all working together. Press the edit button for the section to view the code. Note that each of the child navboxes has the first parameter set to child

Lihat juga

• {{Nowrap begin}} - Provides and explanation of the preferred method of using bullets or pipes to delimit list items.
• {{Navbox}} - Basic navbox.
• {{Navbox with columns}} - Sister template that provides columns in a navbox
• {{Navbox subgroup}} - Allows the creation of subgroups within {{Navbox}}.

Perbandingan pengemudian templat

	collapsible	Header color†	Image	Groups	Style parameter	Example
{{Navigation}}	NavFrame	NavHead	Tidak	Tidak	Tidak	{{OPEC}}
{{Navigation with image}}	NavFrame	NavHead	Left/right of body	Tidak	Tidak	{{HolmesNovels}}
{{Navigation with columns}}	NavFrame	NavHead	Tidak	Tidak	Tidak
{{Dynamic navigation box}}	collapsible	navbox	Tidak	Tidak	Ya	{{CSUHeads}}
{{Dynamic navigation box with image}}	NavFrame	NavHead	Upper left	Tidak	Tidak	{{SlovakPMs}}
{{Navbox generic}}	collapsible	navbox	Tidak	Ya	Ya	{{Dilbert}}
{{Navbox generic with image}}	collapsible	navbox	Right-hand side	Ya	Ya	{{Jewish life}}
{{NavigationBox}}	Tidak	navbox	Right of title+body	Tidak	Tidak	{{EPA}}
{{Commons:NavigationBox}}	Tidak	#ccccff	Right of title+body	Tidak	Tidak
{{Commons:Dynamic navigation box}}	NavFrame	#ccccff	Tidak	Tidak	Tidak
{{Commons:Dynamic navigation box with image}}	NavFrame	NavHead	Upper left	Tidak	Tidak
† The background color for the header or title is inherited from the class listed below. The templates have color parameters that override the default.

Collapsible attributes

Type	CSS classes	Collapses when	Custom initial state	Nesting	Header color	Font size
NavFrame div	NavFrame, NavHead, NavContent	3+ of the same	Tidak	Ya	#efefef	95%
Collapsible table	collapsible, navbox	2+ of the same	Ya	Tidak	#ccccff	90%
For the technically minded, see Common.css and Common.js.