Difference between revisions of "Template:NavFrame"

From James Dooley's Wiki
Jump to: navigation, search
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<includeonly>
 
<includeonly>
<div class="NavFrame {{#if:{{{collapse}}}|nocollapse|collapsed}} {{{frameClass|}}}" style="{{{frameStyle|}}}">
+
<div class="NavFrame {{{frameClass|}}}" style="{{{frameStyle|}}}">
 
   <div class="NavHead {{{headClass|}}}" style="{{{headStyle|}}}">{{{head|}}}</div>
 
   <div class="NavHead {{{headClass|}}}" style="{{{headStyle|}}}">{{{head|}}}</div>
 
   <div class="NavContent {{{contentClass|}}}" style="{{{contentStyle|}}}">
 
   <div class="NavContent {{{contentClass|}}}" style="{{{contentStyle|}}}">
Line 41: Line 41:
 
<pre>
 
<pre>
 
{{NavFrame
 
{{NavFrame
 +
|frameClass=collapsed
 
|head=Text displayed in the header
 
|head=Text displayed in the header
 
|content=Text displayed in the content area
 
|content=Text displayed in the content area
  
 
Multiple lines are allowed.
 
Multiple lines are allowed.
|collapse
 
 
}}
 
}}
 
</pre>
 
</pre>
 
{{NavFrame
 
{{NavFrame
 +
|frameClass=collapsed
 
|head=Text displayed in the header
 
|head=Text displayed in the header
 
|content=Text displayed in the content area
 
|content=Text displayed in the content area
  
 
Multiple lines are allowed.
 
Multiple lines are allowed.
|collapse
+
 
 
}}
 
}}
 
</noinclude>
 
</noinclude>

Latest revision as of 13:22, 8 April 2015


Usage

General usage layout is:

{{NavFrame
|head=Text displayed in the header
|content=Text displayed in the content area
Multiple lines are allowed.
|collapse Automatically collapse the content area
|[frame|head|content]Class= CSS class for a specific element
|[frame|head|content]Style= CSS style for a specific element
}}

Example

{{NavFrame
|head=Text displayed in the header
|content=Text displayed in the content area

Multiple lines are allowed.
}}



Collapsed

{{NavFrame
|frameClass=collapsed
|head=Text displayed in the header
|content=Text displayed in the content area

Multiple lines are allowed.
}}