Difference between revisions of "Template:Clade box"

From blackwiki
Jump to navigation Jump to search
imported>Jts1882
(test horizontal scrolling→‎top)
imported>Jts1882
(add scroll)
 
Line 1: Line 1:
<noinclude>{{clade box
+
<noinclude>{{clade box |collapsible=show
 
|text=This text is not collapsible; but the next div element is collapsible and hidden by default.
 
|text=This text is not collapsible; but the next div element is collapsible and hidden by default.
 
|content={{clade |label1=Label |1={{clade |1=Leaf1 |2=Leaf2 }} }}
 
|content={{clade |label1=Label |1={{clade |1=Leaf1 |2=Leaf2 }} }}
 
}}
 
}}
{{clade box|caption = Example with title  
+
{{clade box |collapsible=hide
 +
|caption = Example with title  
 
|text= This text is not collapsible; but the next div element is collapsible and hidden by default.
 
|text= This text is not collapsible; but the next div element is collapsible and hidden by default.
 
|content={{clade |1=Leaf1  |2=Leaf2 }}
 
|content={{clade |1=Leaf1  |2=Leaf2 }}
 
}}
 
}}
{{clade box
+
{{clade box |collapsible=hide
 
|text=CladeN version to test quirk in code.
 
|text=CladeN version to test quirk in code.
 
|content= {{cladeN |label1=Label |1={{cladeN |1=Leaf1 |2=Leaf2 }} }}
 
|content= {{cladeN |label1=Label |1={{cladeN |1=Leaf1 |2=Leaf2 }} }}
 
}}
 
}}
{{clade box|caption = Example with title (and clade N)
+
{{clade box |scroll=yes
 +
|caption = Example with title (and clade N)
 
|text= There is an issue when no nested clade. In this case an outer templatestyles is wrapped in an &lt;pre> element. When there is a nested clade the templatestyles isn't placed before the outer clade table.
 
|text= There is an issue when no nested clade. In this case an outer templatestyles is wrapped in an &lt;pre> element. When there is a nested clade the templatestyles isn't placed before the outer clade table.
 
|content={{cladeN  |1=Leaf1  |2=Leaf2 }}
 
|content={{cladeN  |1=Leaf1  |2=Leaf2 }}
Line 20: Line 22:
 
<div style="width:{{{width|100%}}};border:{{{border|solid 1px #008}}};padding:0.2em;">
 
<div style="width:{{{width|100%}}};border:{{{border|solid 1px #008}}};padding:0.2em;">
 
{{#if:{{{caption|{{{title|}}}}}}|<div style="text-align:center;font-weight:bold;background:{{{bgcolor|#ccf}}};">{{{caption|{{{title|Needs a title}}}}}}</div>|}}
 
{{#if:{{{caption|{{{title|}}}}}}|<div style="text-align:center;font-weight:bold;background:{{{bgcolor|#ccf}}};">{{{caption|{{{title|Needs a title}}}}}}</div>|}}
   <div class="mw-collapsible {{#if:{{{show}}}|mw-collapsed|}}" style="padding:0.5em 2em;">{{{text|&nbsp;}}}
+
   <div class="{{#if:{{{collapsible|}}}|mw-collapsible {{#ifeq:{{{collapsible|}}}|hide| mw-collapsed|}}|}}" style="padding:0.5em 2em;">{{{text|&nbsp;}}}
       <div class="mw-collapsible-content" style="overflow:auto;max-width:2000px;">{{{content|{{{1|Need some content}}}}}}</div>
+
       <div class="mw-collapsible-content" style="{{#if:{{{scroll|}}}|overflow:auto;|}}">{{{content|{{{1|Need some content}}}}}}</div>
 
   </div>
 
   </div>
 
</div>
 
</div>

Latest revision as of 12:54, 29 November 2019

This text is not collapsible; but the next div element is collapsible and hidden by default.
Label

Leaf1

Leaf2


Example with title
This text is not collapsible; but the next div element is collapsible and hidden by default.

Leaf1

Leaf2


CladeN version to test quirk in code.
Label

Leaf1



Leaf2




Example with title (and clade N)
There is an issue when no nested clade. In this case an outer templatestyles is wrapped in an <pre> element. When there is a nested clade the templatestyles isn't placed before the outer clade table.

Leaf1



Leaf2


vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv


Template documentation[view] [edit] [history] [purge]

Create a simple collapsable box to display large cladograms.

Usage

{{clade box
|caption = Title or caption
|text = This text is not collapsible; but the next div element is collapsible and hidden by default:
|color=#F0F2F5
|border=solid 1px #aaa
|width=100%
|content={{clade 
         |label1=Label 
         |1={{clade 
            |1=Leaf1 
            |2=Leaf2 
            }} 
         }}
}}
Title or caption
This text is not collapsible; but the next div element is collapsible and hidden by default:
Label

Leaf1

Leaf2


Parameters

  • |caption= – caption to include in box header
  • |color= – background color for box header (default: #F0F2F5)
  • |border= – CSS properties of box border (default: solid 1px #aaa)
  • |width= – width of box (default: 100%)
  • |show= – if parameter present the initial state of the box is expanded (default: collapsed)
  • |content= – the content of the box (usually a large cladogram)
  • |text= – text to show in the box before the collapsed content