Template:Navbox with collapsible groups/doc

This is a documentation subpage for Template:Navbox with collapsible groups
It may contain usage information, categories and other content that is not part of the original template page.

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 = 

 ...

|group10 = 
|abbr10 = 
|list10 = 
}}

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 for the main title. See {{Navbox}} for more information. Does not affect display or hiding of group items, see state_n, below.

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 abbr_n, then list_n is uncollapsed and all other lists are collapsed. If selected is left blank, or if it does not match any abbr_n, 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 abbr_n.

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 = [[Main Page|<span style="color:ivory;">Main Page</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 = <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 = <span style="color:#00008B;">Academics</span>
|abbr1 = academics
|list1 = College of Engineering{{·}} College of Literature, Science and the Arts{{·}} Gerald R. Ford School of Public Policy{{·}} Law School{{·}} Medical School{{·}} Ross School of Business{{·}} School of Education{{·}} School of Information{{·}} School of Music, Theatre & Dance{{·}}School of Natural Resources and Environment{{·}} School of Public Health{{·}} Taubman College of Architecture and Urban Planning

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

|group3 = Campus
|abbr3 = campus
|list3 = Angell Hall Observatory{{·}} Burton Tower{{·}} The Diag{{·}} Dennison Building{{·}} Gerald R. Ford Presidential Library{{·}} Hill Auditorium{{·}} Lurie Tower{{·}} Matthaei Botanical Gardens{{·}} Michigan Union{{·}} Museums{{·}} Nichols Arboretum{{·}} UM Health System{{·}} 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

Nesting Navboxes to get more groups/lists

You can conveniently nest Navboxes, including {{Navbox with collapsible groups}}, to get an unlimited number of groups/lists. The following example uses one instance of {{Navbox with collapsible groups}} to get the first 10 collapsible groups, a nested instance to get the next 10, and another nested instance to get the last 6. See the code to learn how it works. It is fairly simple to extend this to as many groups/lists as you like: