v50 Steam/Premium information for editors
- v50 information can now be added to pages in the main namespace. v0.47 information can still be found in the DF2014 namespace. See here for more details on the new versioning policy.
- Use this page to report any issues related to the migration.
This notice may be cached—the current version can be found here.
Difference between revisions of "Template:Navbox"
Jump to navigation
Jump to search
Doorkeeper (talk | contribs) (rmv extraneous stuff; as long as list1 is used first, these bits aren't necessary) |
Doorkeeper (talk | contribs) (more grouplists; max now 30) |
||
Line 142: | Line 142: | ||
--><td {{#if:{{{group20|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group20|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group20|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list20style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | --><td {{#if:{{{group20|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group20|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group20|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list20style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
{{{list20}}}</div></td></tr>|}}<!-- | {{{list20}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 21st group/list --- | ||
+ | -->{{#if:{{{list21|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group21|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group21style|}}}">{{{group21}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group21|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group21|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group21|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list21style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list21}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 22nd group/list --- | ||
+ | -->{{#if:{{{list22|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group22|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group22style|}}}">{{{group22}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group22|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group22|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group22|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list22style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list22}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 23rd group/list --- | ||
+ | -->{{#if:{{{list23|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group23|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group23style|}}}">{{{group23}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group23|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group23|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group23|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list23style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list23}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 24th group/list --- | ||
+ | -->{{#if:{{{list24|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group24|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group24style|}}}">{{{group24}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group24|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group24|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group24|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list24style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list24}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 25th group/list --- | ||
+ | -->{{#if:{{{list25|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group25|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group25style|}}}">{{{group25}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group25|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group25|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group25|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list25style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list25}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 26th group/list --- | ||
+ | -->{{#if:{{{list26|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group26|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group26style|}}}">{{{group26}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group26|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group26|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group26|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list26style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list26}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 27th group/list --- | ||
+ | -->{{#if:{{{list27|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group27|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group27style|}}}">{{{group27}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group27|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group27|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group27|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list27style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list27}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 28th group/list --- | ||
+ | -->{{#if:{{{list28|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group28|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group28style|}}}">{{{group28}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group28|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group28|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group28|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list28style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list28}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 29th group/list --- | ||
+ | -->{{#if:{{{list29|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group29|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group29style|}}}">{{{group29}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group29|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group29|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group29|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list29style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list29}}}</div></td></tr>|}}<!-- | ||
+ | |||
+ | --- 30th group/list --- | ||
+ | -->{{#if:{{{list30|}}}|<!-- | ||
+ | --><tr style="line-height: 1.5em;">{{#if:{{{group30|}}}|<th scope="row" style="background: #{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=e6e6ff; border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}|#default=ddf}}; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%; {{{basestyle|}}}; {{{groupstyle|}}}; {{{group30style|}}}">{{{group30}}}</th>|}}<!-- | ||
+ | --><td {{#if:{{{group30|}}}||colspan="2"}} style="background: transparent; {{#switch:{{{border|{{{1|}}}}}}|subgroup|child=border-top: {{#if:{{{title|{{{above|{{{list1|}}}}}}}}}|2px solid #fdfdfd|none}}; border-left: {{#if:{{{group30|}}}|2px solid #fdfdfd|none}};|#default=}} padding: 0; text-align: {{#if:{{{group30|}}}|left|{{#switch:{{{border|{{{1|}}}}}}|subgroup|child=left|#default=center}}}}; {{{liststyle|}}}; {{{list30style|}}}"><div style="padding: {{{listpadding|0em 0.25em}}}"> | ||
+ | {{{list30}}}</div></td></tr>|}}<!-- | ||
Revision as of 16:50, 8 February 2022
(view - edit - history - purge) Documentation
This template is used for creating navigational templates (also known as navboxes).
Usage
Please remove the parameters that are left blank.
{{Navbox | name = {{subst:PAGENAME}}{{subst:null|Don't change anything on this line. It will change itself when you save.}} | title = | state = {{{state|}}} | above = | group1 = | list1 = | group2 = | list2 = | group3 = | list3 = <!-- ... (up to group30 & list30) --> | below = }}
Parameters
Setup parameters
name
— the title portion of the template's page location, i.e.[[Template:NAME HERE]]
. Required for the top-left navbar to work properly.- When creating a new navbox, you can set this parameter to
{{subst:PAGENAME}}
; this will automatically turn into the template's name when you save your changes.
- When creating a new navbox, you can set this parameter to
state
— sets the initial collapsed state. Common values includeautocollapse
,collapsed
,uncollapsed
andexpanded
. Defaults toautocollapse
. It is strongly recommended to set this parameter to{{{state|}}}
, as this allows users to change the navbox's state locally, e.g.{{Creatures|state=expanded}}
.autocollapse
— hides the content if there is another collapsible element on the page. Otherwise, it shows the content.collapsed
— hides the content.expanded
oruncollapsed
— shows the content.
navbar
— disables the navigation links on the top-left. Only acceptsoff
.border
or{{{1}}}
— accepted values aresubgroup
andchild
. See § Child navboxes.
Cells
title
— title text.above
— text between the title bar and the first group/list.groupn
(group1, group2, ... , group30) — text displayed inside a box on the left side of its list. Can be omitted. It won't display if its list is empty or undefined.listn
(list1, list2, ... , group30) — main content, usually a list of links. Unlike group, it can exist on its own; if group is omitted, the text will be centered.below
— footer text (bar below groups and lists).
Style parameters
Quotations ("") or style=
are unnecessary.
bodystyle
— CSS style for the <table> element.titlestyle
— CSS style for the title bar.basestyle
— Combination of titlestyle, abovestyle, belowstyle and groupstyle. Overwritten by titlestyle, abovestyle, belowstyle, groupstyle and groupnstyle.abovestyle
— CSS style for the above bar.belowstyle
— CSS style for the below bar.groupstyle
— CSS style for all group boxes.groupnstyle
— CSS style for a specific group box, where n denotes the group (group1style → group1, etc.).liststyle
— CSS style for all lists.listnstyle
— CSS style for a specific list, where n denotes the list (list1style → list1, etc.).listpadding
— sets the padding for lists. Default is0em 0.25em
.
Default styles
bodystyle = background: #fdfdfd; border: 1px solid #aaa; font-size: 88%; margin: 0 auto -1px; vertical-align: middle; width: 60%;
titlestyle = background: #ccccff; border: 1px solid #aaa; padding: 0.25em 1em; text-align: center;
abovestyle = background: #ddddff; padding: 0.25em 1em; text-align: center;
belowstyle = background: #ddddff; padding: 0.25em 1em; text-align: center;
groupstyle = background: #ddddff; padding: 0.25em 1em; text-align: right; white-space: nowrap; width: 1%;
liststyle = background: transparent; padding: 0; text-align: left/center;
A list defaults to text-align: left;
if it has a group, if not it defaults to text-align: center;
. Although lists have their padding set to 0, as shown here, the actual value is 0 0.25em;
, which is defined in each list's <div> instead.
Layout
Without above and below
{{{title}}} | |
---|---|
{{{group1}}} |
{{{list1}}} |
{{{group2}}} |
{{{list2}}} |
{{{list3}}} without {{{group3}}} | |
{{{group4}}} |
{{{list4}}} |
With above and below
{{{title}}} | |
---|---|
{{{above}}} | |
{{{group1}}} |
{{{list1}}} |
{{{group2}}} |
{{{list2}}} |
{{{list3}}} without {{{group3}}} | |
{{{group4}}} |
{{{list4}}} |
{{{below}}} |
Without groups, above and below
{{{title}}} | |
---|---|
{{{list1}}} | |
{{{list2}}} | |
{{{list3}}} | |
{{{list4}}} |
Example
{{Navbox | name = Navbox/doc | title = [[Soil]] | state = expanded | navbar = off | titlestyle = background-color: #FFFF00; | basestyle = background-color: #C0C0C0; | group1 = Topsoil | list1 = [[Loam]] • [[Loamy sand]] • [[Peat]] • [[Sandy clay loam]] • [[Sandy loam]] • [[Silt]] • [[Silt loam]] • [[Silty clay loam]] | group2style = background-color: #00FFFF; color: white; | group2 = Ocean floor | list2 = [[Calcareous ooze]] • [[Pelagic clay]] • [[Siliceous ooze]] | group3 = [[Sand]] | list3 = [[Sand (tan)]] • [[Black sand]] • [[Red sand]] • [[White sand]] • [[Yellow sand]] | group4 = Clay | list4style = border: 1px solid black; font-size: 114%; | list4 = [[Clay]] • [[Clay loam]] • [[Fire clay]] • [[Sandy clay]] • [[Silty clay]] | below = See also: [[Template:DF2014 stones|Stones]] }}
Topsoil | |
---|---|
Ocean floor | |
Sand | |
Clay | |
See also: Stones |
Usage
{{Navbox | name = {{subst:PAGENAME}} | title = Title | group1 = [optional] | list1 = {{Navbox|child ...child navbox parameters... }} ... }}
Multiple subgroups example
{{Navbox | name = Navbox/doc | title = Multiple subgroups example | state = expanded | above = Above | group1 = Group 1 | list1 = List 1 | group2 = Group 2 | list2 = {{Navbox|child | group1 = Group 2.1 | list1 = List 2.1 | list2 = List 2.2 ''without Group 2.2'' | group3 = Group 2.3 | list3 = List 2.3 }} | group3 = Group 3 | list3 = List 3 | group4 = Group 4 | list4 = {{Navbox|child | group1 = Group 4.1 | list1 = List 4.1 | group2 = Group 4.2 | list2 = {{Navbox|child | group1 = Group 4.2.1 | list1 = List 4.2.1 | group2 = Group 4.2.2 | list2 = {{Navbox|child | group1 = Group 4.2.2.1 | list1 = List 4.2.2.1 }} | group3 = Group 4.2.3 | list3 = List 4.2.3 }} | group3 = Group 4.3 | list3 = List 4.3 }} | below = Below }}
Multiple subgroups example | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Above | |||||||||||||||
Group 1 |
List 1 | ||||||||||||||
Group 2 |
| ||||||||||||||
Group 3 |
List 3 | ||||||||||||||
Group 4 |
| ||||||||||||||
Below |
Collapsible subgroups example
{{Navbox | name = Navbox/doc | title = Collapsible subgroups example | state = expanded | list1 = {{Navbox|child | title = Collapsible subgroup 1 | group1 = Group 1.1 | list1 = List 1.1 | group2 = Group 1.2 | list2 = List 1.2 }} | list2 = {{Navbox|child | title = Collapsible subgroup 2 | state = expanded | above = Above | group1 = Group 2.1 | list1 = List 2.1 | group2 = Group 2.2 | list2 = List 2.2 | below = Below }} | group3 = Group 3 | list3 = {{Navbox|child | title = Collapsible subgroup 3 | group1 = Group 3.1 | list1 = List 3.1 | group2 = Group 3.2 | list2 = List 3.2 }} }}
Collapsible subgroups example | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||
| |||||||||||
Group 3 |
|