Vorlage:Navigation templates

Navigation template feature comparison
Vorlage:Tnavbar	collapsible	Header color¹	Image	Groups	Style parameter	Example
{{Navigation}}	Vorlage:Yes2 `NavFrame`	NavHead	Vorlage:No	Vorlage:No	Vorlage:No	{{OPEC}}
{{Navigation with image}}	Vorlage:Yes2 `NavFrame`	NavHead	Vorlage:Yes2 Left/right, below title	Vorlage:No	Vorlage:No	{{Cetaceans}}
{{Dynamic navigation box}}	Vorlage:Yes2 `collapsible`	navbox	Vorlage:No	Vorlage:No	Vorlage:Yes	{{CSUHeads}}
{{Dynamic navigation box with image}}	Vorlage:Yes2 `NavFrame`	NavHead	Vorlage:Yes2 Upper left	Vorlage:No	Vorlage:No	{{SlovakPMs}}
{{Navbox generic}}	Vorlage:Yes2 `collapsible`	navbox	Vorlage:Yes2 Right, below title (optional)	Vorlage:Yes	Vorlage:Yes	{{Dilbert}}
{{Navbox generic with image}}²	`collapsible`	navbox	Right, below title	Yes	Yes	{{Jewish life}}
{{NavigationBox}}	Vorlage:No	navbox	Vorlage:Yes2 Right of title+body	Vorlage:No	Vorlage:No	{{EPA}}

{{Commons:NavigationBox}}	Vorlage:No	#ccccff	Vorlage:Yes2 Right of title+body	Vorlage:No	Vorlage:No
{{Commons:Dynamic navigation box}}	Vorlage:Yes2 `NavFrame`	#ccccff	Vorlage:No	Vorlage:No	Vorlage:No
{{Commons:Dynamic navigation box with image}}	Vorlage:Yes2 `NavFrame`	NavHead	Vorlage:Yes2 Upper left	Vorlage:No	Vorlage: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. ² {{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
Vorlage:Tnavbar	Classes used¹	Collapses when	Custom initial state	Nesting²	Header color³	Font size³	Padding³
NavFrame div	NavFrame, NavHead, NavContent	3+ of the same	Vorlage:No	Vorlage:Yes	#efefef	NavFrame: 95% NavHead: 100% NavContent: 100%	2px
Collapsible table	collapsible, navbox	2+ of the same	Vorlage:Yes	Vorlage:Yes	#ccccff	navbox: 90%	5px
¹ CSS classes are defined in Common.css and JavaScript for collapsible templates is located in Common.js. ² Both types can be nested, with different results. Clicking "show" on a nested NavFrame template or an outer NavFrame template with nested Collapsible templates will open it with inner boxes collapsed, while a nested Collapsible template will open with the inner boxes expanded. ³ Defaults can be changed, for example {{Navigation}} contains: `<div class="NavContent" style="font-size:0.9em">`.