Difference between revisions of "Template:Navigation templates"

Revision as of 17:53, 21 February 2007

Navigation template feature comparison
Template:Tnavbar	collapsible	Header color^†	Image	Groups	Style parameter	Example
{{Navigation}}	Template:Yes2 `NavFrame`	NavHead	Template:No	Template:No	Template:No	{{OPEC}}
{{Navigation with image}}	Template:Yes2 `NavFrame`	NavHead	Template:Yes2 Left/right of body	Template:No	Template:No	{{Cetaceans}}
{{Dynamic navigation box}}	Template:Yes2 `collapsible`	navbox	Template:No	Template:No	Template:Yes	{{CSUHeads}}
{{Dynamic navigation box with image}}	Template:Yes2 `NavFrame`	NavHead	Template:Yes2 Upper left	Template:No	Template:No	{{SlovakPMs}}
{{Navbox generic}}	Template:Yes2 `collapsible`	navbox	Template:No	Template:Yes	Template:Yes	{{Dilbert}}
{{Navbox generic with image}}	Template:Yes2 `collapsible`	navbox	Template:Yes2 Right-hand side	Template:Yes	Template:Yes	{{Jewish life}}
{{NavigationBox}}	Template:No	navbox	Template:Yes2 Right of title+body	Template:No	Template:No	{{EPA}}

{{Commons:NavigationBox}}	Template:No	#ccccff	Template:Yes2 Right of title+body	Template:No	Template:No
{{Commons:Dynamic navigation box}}	Template:Yes2 `NavFrame`	#ccccff	Template:No	Template:No	Template:No
{{Commons:Dynamic navigation box with image}}	Template:Yes2 `NavFrame`	NavHead	Template:Yes2 Upper left	Template:No	Template:No

^† The background color for the header or title is inherited from the CSS class: `navbox` uses #ccf and `NavHead` uses #efefef (as defined in Common.css). All the current navigation templates have a `color` parameter that will override these defaults.</div>

NavFrame div vs. Collapsible table
Template:Tnavbar	Classes used	Collapses when	Custom initial state	Nesting	Header color	Font size
NavFrame div	NavFrame, NavHead, NavContent	3+ of the same	Template:No	Template:Yes	#efefef	NavFrame: 95% NavHead: 100% NavContent: 100%
Collapsible table	collapsible, navbox	2+ of the same	Template:Yes	Template:No	#ccccff	navbox: 90%
Note: CSS classes are defined in Common.css and JavaScript for collapsible templates is located in Common.js.

@@ Line 13: / Line 13: @@
 | {{yes2}} Left/right of body || {{no}} || {{no}} || {{tl|Cetaceans}}
 |-
-| align="left"| {{tl|Navigation with columns}}
+<!--| align="left"| {{tl|Navigation with columns}}
 | {{yes2}} <tt>NavFrame</tt> || style="background-color:#efefef;" | NavHead
 | {{no}} || {{no}} || {{no}} ||
-|-
+|- -->
 | align="left" | {{tl|Dynamic navigation box}}
 | {{yes2}} <tt>collapsible</tt> || style="background-color:#ccccff;" | navbox