Difference between revisions of "Template:Navigation templates"

From BESA® Wiki
Jump to: navigation, search
(updated info on nested templates, with links to examples)
m (150 revisions)
 
(107 intermediate revisions by 55 users not shown)
Line 1: Line 1:
{| class="wikitable" style="margin-left:auto; margin-right:auto; width:auto; text-align:center; font-size:90%;"
+
{| class="wikitable hlist" style="margin-left: auto; margin-right: auto; width: auto; text-align: center; font-size: 90%;"
|+ <span style="font-size:130%;">Navigation template feature comparison</span>
+
|+ <span style="font-size: 130%;">Navigation templates comparison</span>
! style="text-align:left; padding-left:4px;" | {{Tnavbar|Navigational_templates|plain=1}}
+
|- style="line-height: 10pt;"
! collapsible !! Header color<sup>1</sup>
+
! style="text-align: left; padding-left: 4px; font-size: 111%;" | {{Navbar|Navigation templates|plain=1}}
! Image !! Groups !! Style parameter !! Example
+
! Collapsible !! Header color
 +
! Image !! Groups !! Style (body) <br /> parameter/s !! Examples
 
|-
 
|-
| align="left" | {{tl|Navigation}}
+
| style="text-align: left;" | {{tl|Navbox}}
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
+
| collapsible || style="background: #ccf;" | navbox
| {{no}} || {{no}} || {{no}} || {{tl|OPEC}}
+
| Left/right of body || Yes || Yes ||
 +
* {{tl|Solar System}}
 +
* {{tl|Governance of Greater London}}
 
|-
 
|-
| align="left" | {{tl|Navigation with image}}
+
| style="text-align: left;" | {{tl|Navbox with collapsible groups}}
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
+
| collapsible || style="background: #ccf;" | navbox
| {{yes2}} Left/right, below title || {{no}} || {{no}} || {{tl|Cetaceans}}
+
| Left/right of body and/or in each list || Yes || Yes ||
 +
* {{tl|Scouting}}
 +
* {{tl|University of Michigan}}
 
|-
 
|-
<!--| align="left"| {{tl|Navigation with columns}}
+
| style="text-align: left;" | {{tl|Navbox with columns}}
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
+
| collapsible || style="background: #ccf;" | navbox
| {{no}} || {{no}} || {{no}} ||
+
| Left/right of columns || No || Yes ||
|- -->
+
* {{tl|Current U.S. Senators}}
| align="left" | {{tl|Dynamic navigation box}}
+
* {{tl|Historical regions of the Czech Republic}}
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
+
| {{no}} || {{no}} || {{yes}} || {{tl|CSUHeads}}
+
|-
+
| align="left" | {{tl|Dynamic navigation box with image}}
+
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
+
| {{yes2}} Upper left || {{no}} || {{no}} || {{tl|SlovakPMs}}
+
|-
+
| align="left" | {{tl|Navbox generic}}
+
| {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox
+
| {{yes2}} Right, below title (optional) || {{yes}} || {{yes}} || {{tl|Dilbert}}
+
|- style="background-color:#BBBBBB;"
+
| align="left" | {{tl|Navbox generic with image}}<sup>2</sup>
+
| <tt>collapsible</tt> || navbox
+
| Right, below title || Yes || Yes || {{tl|Jewish life}}
+
|-
+
| align="left" | {{tl|NavigationBox}}
+
| {{no}} || style="background-color:#ccccff;" | navbox
+
| {{yes2}} Right of title+body || {{no}} || {{no}} || {{tl|EPA}}
+
|-
+
| colspan="7" style="border-left-style:hidden; border-right-style:hidden;"|
+
|-
+
| align="left" | {{[[Commons:Template:NavigationBox|Commons:NavigationBox]]}}
+
| {{no}} || style="background-color:#ccccff;" | #ccccff
+
| {{yes2}} Right of title+body || {{no}} || {{no}} ||
+
|-
+
| align="left" | {{[[Commons:Template:Dynamic navigation box|Commons:Dynamic navigation box]]}}
+
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#ccccff;" | #ccccff
+
| {{no}} || {{no}} || {{no}} ||
+
|-
+
| align="left" | {{[[Commons:Template:Dynamic navigation box with image|Commons:Dynamic navigation box with image]]}}&nbsp;
+
| {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
+
| {{yes2}} Upper left || {{no}} || {{no}} ||
+
|-
+
| colspan="7" style="border-left-style:hidden; border-right-style:hidden;"|
+
|-
+
| colspan="7" align="left" |
+
<sup>1</sup> The background color for the header or title is inherited from the [[CSS]] class: <tt>navbox</tt> uses <span style="background-color:#ccf; color:#000000;">#ccf</span> and <tt>NavHead</tt> uses <span style="background-color:#efefef; color:#000000">#efefef</span> (as defined in [[MediaWiki:Common.css|Common.css]]). All the current navigation templates have a <tt>color</tt> parameter that will override these defaults.<br>
+
<sup>2</sup> {{tl|Navbox generic}} should be used instead of {{tl|Navbox generic with image}} as the former was updated to include the additional features of the latter.
+
 
|}
 
|}
  
{|class="wikitable" style="margin-left:auto; margin-right:auto; text-align:center; font-size:90%;"
+
{| class="wikitable" style="margin-left: auto; margin-right: auto; width: auto; text-align: center; font-size: 90%;"
|+ <span style="font-size:130%;">NavFrame div vs. collapsible table</span>
+
|+ <span style="font-size: 130%;">Collapsible attributes</span>
 +
|- style="line-height: 10pt;"
 +
! Type !! CSS classes !! JavaScript !! Collapses when !! Custom <br /> initial&nbsp;state !! Nesting
 
|-
 
|-
!style="text-align:left; padding-left:4px;"| {{Tnavbar|Navigational_templates|plain=1}}
+
| style="text-align:left;" | [[Help:Collapsing|Collapsible tables]]
! Classes used<sup>1</sup>
+
| collapsible
! Collapses when !! Custom initial&nbsp;state !! Nesting<sup>2</sup>
+
| Defined in [[MediaWiki:Common.js|Common.js]]
! Header color<sup>3</sup> !! Font size<sup>3</sup> !! Padding<sup>3</sup>
+
| 2 or more autocollapse on page || Yes || Yes
|-
+
| align="left" | [[Wikipedia:NavFrame|NavFrame div]]
+
| NavFrame, NavHead, NavContent
+
| 3+ of the same || {{no}} || {{yes}}
+
| style="background-color:#efefef;" | #efefef || NavFrame: 95%<br>NavHead: 100%<br>NavContent: 100% || 2px
+
|-
+
| align="left" | [[Wikipedia:NavFrame#Collapsible tables|Collapsible table]]
+
| collapsible, navbox
+
| 2+ of the same || {{yes}} || {{yes}}
+
| style="background-color:#ccccff;"| #ccccff || navbox: 90% || 5px
+
|-
+
| colspan="8" align="left" |
+
<sup>1</sup> [[CSS]] classes are defined in [[MediaWiki:Common.css|Common.css]] and [[JavaScript]] for collapsible templates is located in [[MediaWiki:Common.js|Common.js]].<br>
+
<sup>2</sup> Both types can be nested, with different results. Clicking "show" on a [http://en.wikipedia.org/w/index.php?title=Template:Niger-Congo-speaking&oldid=89634749 nested NavFrame template] or an [http://en.wikipedia.org/w/index.php?title=Template:Niger-Congo-speaking&oldid=110162188 outer NavFrame template with nested Collapsible templates] will open it with inner boxes collapsed, while
+
a [http://en.wikipedia.org/w/index.php?title=Template:Niger-Congo-speaking&oldid=110166620 nested Collapsible template] will open with the inner boxes expanded.<br>
+
<sup>3</sup> Defaults can be changed, for example {{tl|Navigation}} contains: <code><nowiki><div class="NavContent" style="font-size:0.9em"></nowiki></code>.
+
 
|}<noinclude>
 
|}<noinclude>
  
[[Category:Navigational templates| {{PAGENAME}}]]
+
[[Category:Navigational boxes| ]]
 +
[[Category:Documentation shared content templates]]
 +
 
 
</noinclude>
 
</noinclude>

Latest revision as of 14:23, 8 April 2016

Navigation templates comparison
Script error Collapsible Header color Image Groups Style (body)
parameter/s
Examples
{{Navbox}} collapsible navbox Left/right of body Yes Yes
{{Navbox with collapsible groups}} collapsible navbox Left/right of body and/or in each list Yes Yes
{{Navbox with columns}} collapsible navbox Left/right of columns No Yes
Collapsible attributes
Type CSS classes JavaScript Collapses when Custom
initial state
Nesting
Collapsible tables collapsible Defined in Common.js 2 or more autocollapse on page Yes Yes