Difference between revisions of "Template:Navigation templates"

From BESA® Wiki
Jump to: navigation, search
(Update to show "Navbox generic" now allows images, add column to second table to show difference in CSS padding for "NavFrame" (2px) and "navbox" (5px), added example of nesting collapsible tables.)
m (150 revisions)
 
(108 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
+
| Defined in [[MediaWiki:Common.js|Common.js]]
−
! Header color<sup>2</sup> !! Font size<sup>2</sup> !! Padding<sup>2</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}} || {{yes2}}Yes<sup>3</sup>
+
−
| 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> Defaults can be changed, for example {{tl|Navigation}} contains: <code><nowiki><div class="NavContent" style="font-size:0.9em"></nowiki></code>.<br> <sup>3</sup> For an example of nesting with Collapsible tables, see {{tl|Natural satellites of the Solar System}}.
+
 
|}<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
Retrieved from "http://wiki.besa.de/index.php?title=Template:Navigation_templates&oldid=1430"