Template:Navbox with collapsible groups: Difference between revisions

Revision as of 15:55, 2 May 2008

Template documentation[create]

Editors can experiment in this template's sandbox and testcases pages.
Please add categories to the /doc subpage. Subpages of this template.

@@ Line 1: / Line 1: @@
-{| class="navbox collapsible {{{start|{{{state|}}}}}} nowraplinks" style="clear:both; width:100%; margin:auto;"
+{{Navbox
-! {{#if:{{{image|}}}|colspan="2"}} style="background-color:{{{titlebgcolor|#ccf}}}; {{#if:{{{titlefontcolor|}}}|color:{{{titlefontcolor|}}};}}" | <div style="float:left; width:6em; text-align:left;">{{Tnavbar|{{{name<noinclude>|Navigation with collapsible groups</noinclude>}}}|nodiv=1|mini=1|fontcolor={{{titlefontcolor|}}}}}</div><span style="font-size:1.1em;">{{#if:{{{titlefontcolor|}}}|<font color="{{{titlefontcolor|}}}">{{{title}}}</font>|{{{title}}} }}</span>
+|name = {{{name|<noinclude>Navbox with collapsible sections</noinclude>}}}
-|-
+|navbar = {{{navbar|}}}
-{{#if:{{{image|}}}|{{!}} style="width:100px; vertical-align:middle;" {{!}} {{{image}}} }}
+|state = {{{state<noinclude>|uncollapsed</noinclude>}}}
-| <div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+|border = {{{border|{{{1|}}}}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group1}}}</font></div>
-{{#ifeq:{{{param|}}}|{{{group1abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group1content}}}
-</div>
-</div>
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group2}}}</font></div>
-{{#ifeq:{{{param|}}}|{{{group2abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group2content}}}
-</div>
-</div>
-{{#if:{{{group3|}}}|
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group3}}}</font></div>
-{{#ifeq:{{{param|}}}|{{{group3abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group3content}}}
-</div>
-</div> }}<!--
--->{{#if:{{{group4|}}}|
+|title = {{{title<includeonly>|</includeonly>}}}
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+|above = {{{above|}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group4}}}</font></div>
+|below = {{{below|}}}
-{{#ifeq:{{{param|}}}|{{{group4abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group4content}}}
+|image = {{{image|}}}
-</div>
+|imageleft = {{{imageleft|}}}
-</div> }}<!--
--->{{#if:{{{group5|}}}|
+|style = {{{style|}}}{{{bodystyle|}}}
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+|basestyle = {{{basestyle|}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group5}}}</font></div>
+|titlestyle = {{{titlestyle|}}}
-{{#ifeq:{{{param|}}}|{{{group5abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group5content}}}
+|abovestyle = {{{abovestyle|}}}
-</div>
+|belowstyle = {{{belowstyle|}}}
-</div> }}<!--
+|imagestyle = {{{imagestyle|}}}
+|imageleftstyle = {{{imageleftstyle|}}}
--->{{#if:{{{group6|}}}|
+|list1 = {{#if:{{{group1<includeonly>|</includeonly>}}}|{{Navbox|child
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+  |state = {{#ifeq:{{{selected}}}|{{{abbr1}}}|uncollapsed|{{{state1|collapsed}}}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group6}}}</font></div>
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}}{{{group1style|}}}
-{{#ifeq:{{{param|}}}|{{{group6abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group6content}}}
+  |liststyle = {{{liststyle|}}}{{{list1style|}}}
-</div>
+  |title = {{{group1<includeonly>|</includeonly>}}}
-</div> }}<!--
+  |list1 = {{{list1<includeonly>|</includeonly>}}}
+  |image = {{{image1|}}}
+  |imageleft = {{{imageleft1|}}}
+ }}|{{{list1|}}}}}
--->{{#if:{{{group7|}}}|
+|list2 = {{#if:{{{group2<includeonly>|</includeonly>}}}|{{Navbox|child
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+  |state = {{#ifeq:{{{selected}}}|{{{abbr2}}}|uncollapsed|{{{state2|collapsed}}}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group7}}}</font></div>
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}}{{{group2style|}}}
-{{#ifeq:{{{param|}}}|{{{group7abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group7content}}}
+  |liststyle = {{{liststyle|}}}{{{list2style|}}}
-</div>
+  |title = {{{group2<includeonly>|</includeonly>}}}
-</div> }}<!--
+  |list1 = {{{list2<includeonly>|</includeonly>}}}
+  |image = {{{image2|}}}
+  |imageleft = {{{imageleft2|}}}
+ }}|{{{list2|}}}}}
--->{{#if:{{{group8|}}}|
+|list3 = {{#if:{{{group3<includeonly>|</includeonly>}}}|{{Navbox|child
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+  |state = {{#ifeq:{{{selected}}}|{{{abbr3}}}|uncollapsed|{{{state3|collapsed}}}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group8}}}</font></div>
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}}{{{group3style|}}}
-{{#ifeq:{{{param|}}}|{{{group8abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group8content}}}
+  |liststyle = {{{liststyle|}}}{{{list3style|}}}
-</div>
+  |title = {{{group3<includeonly>|</includeonly>}}}
-</div> }}<!--
+  |list1 = {{{list3<includeonly>|</includeonly>}}}
+  |image = {{{image3|}}}
+  |imageleft = {{{imageleft3|}}}
+ }}|{{{list3|}}}}}
--->{{#if:{{{group9|}}}|
+|list4 = {{#if:{{{group4|}}}|{{Navbox|child
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+  |state = {{#ifeq:{{{selected}}}|{{{abbr4}}}|uncollapsed|{{{state4|collapsed}}}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group9}}}</font></div>
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group4style|}}}
-{{#ifeq:{{{param|}}}|{{{group9abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group9content}}}
+  |liststyle = {{{liststyle|}}};{{{list4style|}}}
-</div>
+  |title = {{{group4|}}}
-</div> }}<!--
+  |list1 = {{{list4|}}}
+  |image = {{{image4|}}}
+  |imageleft = {{{imageleft4|}}}
+ }}|{{{list4|}}}}}
--->{{#if:{{{group10|}}}|
+|list5 = {{#if:{{{group5|}}}|{{Navbox|child
-<div class="NavFrame" style="border:0; margin:-1px -1px 3px -1px; padding:0;">
+  |state = {{#ifeq:{{{selected}}}|{{{abbr5}}}|uncollapsed|{{{state5|collapsed}}}}}
-<div class="NavHead" style="padding:0 0 1px 0; background-color:{{{groupbgcolor|#ddf}}};"><font color="{{{groupfontcolor|}}}">{{{group10}}}</font></div>
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group5style|}}}
-{{#ifeq:{{{param|}}}|{{{group10abbr}}}|<div class="NavContent" style="padding:2px;">|<div class="NavContent" style="display:none; padding:2px;">}}{{{group10content}}}
+  |liststyle = {{{liststyle|}}};{{{list5style|}}}
-</div>
+  |title = {{{group5|}}}
-</div> }}
+  |list1 = {{{list5|}}}
-|}<noinclude>
+  |image = {{{image5|}}}
-{{template doc}}
+  |imageleft = {{{imageleft5|}}}
+ }}|{{{list5|}}}}}
+|list6 = {{#if:{{{group6|}}}|{{Navbox|child
+  |state = {{#ifeq:{{{selected}}}|{{{abbr6}}}|uncollapsed|{{{state6|collapsed}}}}}
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group6style|}}}
+  |liststyle = {{{liststyle|}}};{{{list6style|}}}
+  |title = {{{group6|}}}
+  |list1 = {{{list6|}}}
+  |image = {{{image6|}}}
+  |imageleft = {{{imageleft6|}}}
+ }}|{{{list6|}}}}}
+|list7 = {{#if:{{{group7|}}}|{{Navbox|child
+  |state = {{#ifeq:{{{selected}}}|{{{abbr7}}}|uncollapsed|{{{state7|collapsed}}}}}
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group7style|}}}
+  |liststyle = {{{liststyle|}}};{{{list7style|}}}
+  |title = {{{group7|}}}
+  |list1 = {{{list7|}}}
+  |image = {{{image7|}}}
+  |imageleft = {{{imageleft7|}}}
+ }}|{{{list7|}}}}}
+|list8 = {{#if:{{{group8|}}}|{{Navbox|child
+  |state = {{#ifeq:{{{selected}}}|{{{abbr8}}}|uncollapsed|{{{state8|collapsed}}}}}
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group8style|}}}
+  |liststyle = {{{liststyle|}}};{{{list8style|}}}
+  |title = {{{group8|}}}
+  |list1 = {{{list8|}}}
+  |image = {{{image8|}}}
+  |imageleft = {{{imageleft8|}}}
+ }}|{{{list8|}}}}}
+|list9 = {{#if:{{{group9|}}}|{{Navbox|child
+  |state = {{#ifeq:{{{selected}}}|{{{abbr9}}}|uncollapsed|{{{state9|collapsed}}}}}
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group9style|}}}
+  |liststyle = {{{liststyle|}}};{{{list9style|}}}
+  |title = {{{group9|}}}
+  |list1 = {{{list9|}}}
+  |image = {{{image9|}}}
+  |imageleft = {{{imageleft9|}}}
+ }}|{{{list9|}}}}}
+|list10 = {{#if:{{{group10|}}}|{{Navbox|child
+  |state = {{#ifeq:{{{selected}}}|{{{abbr10}}}|uncollapsed|{{{state10|collapsed}}}}}
+  |titlestyle = {{{basestyle|}}};{{{groupstyle|}}};{{{group10style|}}}
+  |liststyle = {{{liststyle|}}};{{{list10style|}}}
+  |title = {{{group10|}}}
+  |list1 = {{{list10|}}}
+  |image = {{{image10|}}}
+  |imageleft = {{{imageleft10|}}}
+ }}|{{{list10|}}}}}
+}}<noinclude>
+{{documentation}}
 </noinclude>