Template:Navigation templates

Navigation template feature comparison

Template:Tnavbar	collapsible	Header color1	Image	Groups	Style parameter	Example
{{Navigation}}	NavFrame	NavHead	No	No	No	{{OPEC}}
{{Navigation with image}}	NavFrame	NavHead	Left/right, below title	No	No	{{Cetaceans}}
{{Dynamic navigation box}}	collapsible	navbox	No	No	Yes	{{CSUHeads}}
{{Dynamic navigation box with image}}	NavFrame	NavHead	Upper left	No	No	{{SlovakPMs}}
{{Navbox generic}}	collapsible	navbox	Right, below title (optional)	Yes	Yes	{{Dilbert}}
{{Navbox generic with image}}2	collapsible	navbox	Right, below title	Yes	Yes	{{Jewish life}}
{{NavigationBox}}	No	navbox	Right of title+body	No	No	{{EPA}}
{{Commons:NavigationBox}}	No	#ccccff	Right of title+body	No	No
{{Commons:Dynamic navigation box}}	NavFrame	#ccccff	No	No	No
{{Commons:Dynamic navigation box with image}}	NavFrame	NavHead	Upper left	No	No
1 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. 2 {{Navbox generic}} should be used instead of {{Navbox generic with image}} as the former was updated to include the additional features of the latter.

NavFrame div vs. collapsible table

Template:Tnavbar	Classes used1	Collapses when	Custom initial state	Nesting	Header color2	Font size2	Padding2
NavFrame div	NavFrame, NavHead, NavContent	3+ of the same	No	Yes	#efefef	NavFrame: 95% NavHead: 100% NavContent: 100%	2px
Collapsible table	collapsible, navbox	2+ of the same	Yes	Yes3	#ccccff	navbox: 90%	5px
1 CSS classes are defined in Common.css and JavaScript for collapsible templates is located in Common.js. 2 Defaults can be changed, for example {{Navigation}} contains: <div class="NavContent" style="font-size:0.9em">. 3 For an example of nesting with Collapsible tables, see {{Natural satellites of the Solar System}}.