Template:MontageBoxCollapse

From EvaWiki
Jump to: navigation, search

A collapsible version of the Montagebox template. This template is intended to make the presentation of optionally collapsible multiple images in one gallery group easier.

The MontageBox can handle up to 30 images, in a 1, 2, 3 or 5 column format. The format creates a new row if a column is full, and fills up the next row from left to right.

The MontageBox is also capable of displaying a single image.

In all cases, a title and caption may be provided, and floating behavior specified. If float "none" is specified, the the template will in addition have center alignment.

The header background colour may be specified using the colour parameter. Tye colour defaults to 'tan'

How To Use This

Just use the following code and fill in your values. Not all values need be used.

{{MontageBoxCollapse
|float   =
|columns =
|title   =
|colour  =
|bgcolor =
|image1  =
|image2  =
|image3  =
|image4  =
|image5  =
|image6  =
|image7  =
|image8  =
|image9  =
|image10 =
|image11 =
|image12 =
|image13 =
|image14 =
|image15 =
|image16 =
|image17 =
|image18 =
|image19 =
|image20 =
|image21 =
|image22 =
|image23 =
|image24 =
|image25 =
|image26 =
|image27 =
|image28 =
|image29 =
|image30 =
|caption =

}}

Here is a shorter template provided for convenience. The table is collapsed by default.

{{MontageBoxCollapse
|float   =
|columns =
|title   =
|colour  =
|image1  =
|image2  =
|image3  =
|image4  =
|image5  =
|image6  =
|image7  =
|image8  =
|image9  =
|image10 =
|image11 =
|image12 =
|caption =

}}

If desired, the width of the collapsed table can also be specified, and the table can also be shown by default

{{MontageBoxCollapse
|float   =
|columns =
|title   =
|colour  =
|image1  =
|image2  =
|image3  =
|image4  =
|image5  =
|image6  =
|image7  =
|image8  =
|image9  =
|image10 =
|image11 =
|image12 =
|width   =
|show    = yes
|caption =

}}

Not all images need be supplied. The title and caption are optional. The default float behaviour is "left".

Examples

Including any of the following code snippets will generate the MontageBoxes shown below them

Example 1

{{MontageBoxCollapse
|image1  =[[Image:Reimoon2.jpg|150px]]
|caption =
*text here
*and here
}}


Collapsible Content
Reimoon2.jpg
  • text here
  • and here


Example 2

{{MontageBoxCollapse
|title   =Image of Rei
|image1  =[[Image:Reimoon2.jpg|150px]]
|caption =
*text here
*and here
}}


Image of Rei
Reimoon2.jpg
  • text here
  • and here


{{MontageBoxCollapse
|title   =Image of Rei
|image1  =[[Image:Reimoon2.jpg|150px]]
|show    = yes
|caption =
*text here
*and here
}}


Image of Rei
Reimoon2.jpg
  • text here
  • and here


{{MontageBoxCollapse
|title   =Image of Rei
|image1  =[[Image:Reimoon2.jpg|150px]]
|width   = 400px
|caption =
*text here
*and here
}}


Image of Rei
Reimoon2.jpg
  • text here
  • and here


{{MontageBoxCollapse
|title   =Image of Rei
|image1  =[[Image:Reimoon2.jpg|150px]]
|width   = 400px
|show    = yes
|caption =
*text here
*and here
}}


Image of Rei
Reimoon2.jpg
  • text here
  • and here


Example 3

{{MontageBoxCollapse
|title   =3 Images of Rei (3 column table)
|colour  =LightPink
|columns = 3
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|caption =
*text here
*and here
}}


3 Images of Rei (3 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg
  • text here
  • and here


Example 4

{{MontageBoxCollapse
|title   =3 Images of Rei (2 column table)
|columns = 2
|colour  = LightBlue
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|caption =
*text here
*and here
}}


3 Images of Rei (2 column table)
Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg
  • text here
  • and here


Example 5

{{MontageBoxCollapse
|title   =4 Images (2 column table)
|colour  = LightGreen
|columns = 2
|image1  =[[Image:Shinji Rei Escalator.jpg|200px]]
|image2  =[[Image: Japan Blackout.jpg|200px]]
|image3  =[[Image:Dance Vs Israfel.jpg|200px]]
|image4  =[[Image:Fuyutsuki Candle.jpg|200px]]
|caption =
*text here
*and here
}}


4 Images (2 column table)
Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg
  • text here
  • and here


Example 6

{{MontageBoxCollapse
|title   =8 Images (3 column table)
|columns = 3
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|image4  =[[Image:Nerv swimming pool.jpg|150px]]
|image5  =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6  =[[Image: Japan Blackout.jpg|150px]]
|image7  =[[Image:Dance Vs Israfel.jpg|150px]]
|image8  =[[Image:Fuyutsuki Candle.jpg|150px]]
|caption =
Various Images in a Table
}}


8 Images (3 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg
Nerv swimming pool.jpg Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg

Various Images in a Table


Example 7

{{MontageBoxCollapse
|title   =8 Images (5 column table)
|columns = 5
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|image4  =[[Image:Nerv swimming pool.jpg|150px]]
|image5  =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6  =[[Image: Japan Blackout.jpg|150px]]
|image7  =[[Image:Dance Vs Israfel.jpg|150px]]
|image8  =[[Image:Fuyutsuki Candle.jpg|150px]]
|caption =
Various Images in a Table
}}


8 Images (5 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg Nerv swimming pool.jpg Shinji Rei Escalator.jpg
Japan Blackout.jpg Dance Vs Israfel.jpg Fuyutsuki Candle.jpg

Various Images in a Table


Example 8

{{MontageBoxCollapse
|title   =30 Images (2 column table)
|columns = 2|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|image4  =[[Image:Nerv swimming pool.jpg|150px]]
|image5  =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6  =[[Image: Japan Blackout.jpg|150px]]
|image7  =[[Image:Dance Vs Israfel.jpg|150px]]
|image8  =[[Image:Fuyutsuki Candle.jpg|150px]]
|image9  =[[Image:FGC 01 C003a.jpg|150px]]
|image10 =[[Image:FGC 01 C076d.jpg|150px]]
|image11 =[[Image:Reimoon2.jpg|150px]]
|image12 =[[Image:Reimoon1a.jpg|150px]]
|image13 =[[Image:Reimoon4.jpg|150px]]
|image14 =[[Image:Nerv swimming pool.jpg|150px]]
|image15 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image16 =[[Image: Japan Blackout.jpg|150px]]
|image17 =[[Image:Dance Vs Israfel.jpg|150px]]
|image18 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image19 =[[Image:FGC 01 C003a.jpg|150px]]
|image20 =[[Image:FGC 01 C076d.jpg|150px]]
|image21 =[[Image:Reimoon2.jpg|150px]]
|image22 =[[Image:Reimoon1a.jpg|150px]]
|image23 =[[Image:Reimoon4.jpg|150px]]
|image24 =[[Image:Nerv swimming pool.jpg|150px]]
|image25 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image26 =[[Image: Japan Blackout.jpg|150px]]
|image27 =[[Image:Dance Vs Israfel.jpg|150px]]
|image28 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image29 =[[Image:FGC 01 C003a.jpg|150px]]
|image30 =[[Image:FGC 01 C076d.jpg|150px]]

|caption =
The maximimum number of images in a table with two columns.
}}


30 Images (2 column table)
Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg Nerv swimming pool.jpg
Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg
FGC 01 C003a.jpg FGC 01 C076d.jpg
Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg Nerv swimming pool.jpg
Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg
FGC 01 C003a.jpg FGC 01 C076d.jpg
Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg Nerv swimming pool.jpg
Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg
FGC 01 C003a.jpg FGC 01 C076d.jpg

The maximimum number of images in a table with two columns.


Example 9

{{MontageBoxCollapse
|title   =30 Images (3 column table)
|columns = 3
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|image4  =[[Image:Nerv swimming pool.jpg|150px]]
|image5  =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6  =[[Image: Japan Blackout.jpg|150px]]
|image7  =[[Image:Dance Vs Israfel.jpg|150px]]
|image8  =[[Image:Fuyutsuki Candle.jpg|150px]]
|image9  =[[Image:FGC 01 C003a.jpg|150px]]
|image10 =[[Image:FGC 01 C076d.jpg|150px]]
|image11 =[[Image:Reimoon2.jpg|150px]]
|image12 =[[Image:Reimoon1a.jpg|150px]]
|image13 =[[Image:Reimoon4.jpg|150px]]
|image14 =[[Image:Nerv swimming pool.jpg|150px]]
|image15 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image16 =[[Image: Japan Blackout.jpg|150px]]
|image17 =[[Image:Dance Vs Israfel.jpg|150px]]
|image18 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image19 =[[Image:FGC 01 C003a.jpg|150px]]
|image20 =[[Image:FGC 01 C076d.jpg|150px]]
|image21 =[[Image:Reimoon2.jpg|150px]]
|image22 =[[Image:Reimoon1a.jpg|150px]]
|image23 =[[Image:Reimoon4.jpg|150px]]
|image24 =[[Image:Nerv swimming pool.jpg|150px]]
|image25 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image26 =[[Image: Japan Blackout.jpg|150px]]
|image27 =[[Image:Dance Vs Israfel.jpg|150px]]
|image28 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image29 =[[Image:FGC 01 C003a.jpg|150px]]
|image30 =[[Image:FGC 01 C076d.jpg|150px]]
|caption =
The maximimum number of images in a table with three columns.
}}


30 Images (3 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg
Nerv swimming pool.jpg Shinji Rei Escalator.jpg Japan Blackout.jpg
Dance Vs Israfel.jpg Fuyutsuki Candle.jpg FGC 01 C003a.jpg
FGC 01 C076d.jpg Reimoon2.jpg Reimoon1a.jpg
Reimoon4.jpg Nerv swimming pool.jpg Shinji Rei Escalator.jpg
Japan Blackout.jpg Dance Vs Israfel.jpg Fuyutsuki Candle.jpg
FGC 01 C003a.jpg FGC 01 C076d.jpg Reimoon2.jpg
Reimoon1a.jpg Reimoon4.jpg Nerv swimming pool.jpg
Shinji Rei Escalator.jpg Japan Blackout.jpg Dance Vs Israfel.jpg
Fuyutsuki Candle.jpg FGC 01 C003a.jpg FGC 01 C076d.jpg

The maximimum number of images in a table with three columns.


Example 10

{{MontageBoxCollapse
|title   =30 Images (5 column table)
|columns = 5
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|image4  =[[Image:Nerv swimming pool.jpg|150px]]
|image5  =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6  =[[Image: Japan Blackout.jpg|150px]]
|image7  =[[Image:Dance Vs Israfel.jpg|150px]]
|image8  =[[Image:Fuyutsuki Candle.jpg|150px]]
|image9  =[[Image:FGC 01 C003a.jpg|150px]]
|image10 =[[Image:FGC 01 C076d.jpg|150px]]
|image11 =[[Image:Reimoon2.jpg|150px]]
|image12 =[[Image:Reimoon1a.jpg|150px]]
|image13 =[[Image:Reimoon4.jpg|150px]]
|image14 =[[Image:Nerv swimming pool.jpg|150px]]
|image15 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image16 =[[Image: Japan Blackout.jpg|150px]]
|image17 =[[Image:Dance Vs Israfel.jpg|150px]]
|image18 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image19 =[[Image:FGC 01 C003a.jpg|150px]]
|image20 =[[Image:FGC 01 C076d.jpg|150px]]
|image21 =[[Image:Reimoon2.jpg|150px]]
|image22 =[[Image:Reimoon1a.jpg|150px]]
|image23 =[[Image:Reimoon4.jpg|150px]]
|image24 =[[Image:Nerv swimming pool.jpg|150px]]
|image25 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image26 =[[Image: Japan Blackout.jpg|150px]]
|image27 =[[Image:Dance Vs Israfel.jpg|150px]]
|image28 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image29 =[[Image:FGC 01 C003a.jpg|150px]]
|image30 =[[Image:FGC 01 C076d.jpg|150px]]
|caption =
The maximimum number of images in a table with five columns.
}}


30 Images (5 column table)
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg Nerv swimming pool.jpg Shinji Rei Escalator.jpg
Japan Blackout.jpg Dance Vs Israfel.jpg Fuyutsuki Candle.jpg FGC 01 C003a.jpg FGC 01 C076d.jpg
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg Nerv swimming pool.jpg Shinji Rei Escalator.jpg
Japan Blackout.jpg Dance Vs Israfel.jpg Fuyutsuki Candle.jpg FGC 01 C003a.jpg FGC 01 C076d.jpg
Reimoon2.jpg Reimoon1a.jpg Reimoon4.jpg Nerv swimming pool.jpg Shinji Rei Escalator.jpg
Japan Blackout.jpg Dance Vs Israfel.jpg Fuyutsuki Candle.jpg FGC 01 C003a.jpg FGC 01 C076d.jpg

The maximimum number of images in a table with five columns.


Example 11

{{MontageBoxCollapse
|title   =30 Images (1 column table)
|columns = 1
|image1  =[[Image:Reimoon2.jpg|150px]]
|image2  =[[Image:Reimoon1a.jpg|150px]]
|image3  =[[Image:Reimoon4.jpg|150px]]
|image4  =[[Image:Nerv swimming pool.jpg|150px]]
|image5  =[[Image:Shinji Rei Escalator.jpg|150px]]
|image6  =[[Image: Japan Blackout.jpg|150px]]
|image7  =[[Image:Dance Vs Israfel.jpg|150px]]
|image8  =[[Image:Fuyutsuki Candle.jpg|150px]]
|image9  =[[Image:FGC 01 C003a.jpg|150px]]
|image10 =[[Image:FGC 01 C076d.jpg|150px]]
|image11 =[[Image:Reimoon2.jpg|150px]]
|image12 =[[Image:Reimoon1a.jpg|150px]]
|image13 =[[Image:Reimoon4.jpg|150px]]
|image14 =[[Image:Nerv swimming pool.jpg|150px]]
|image15 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image16 =[[Image: Japan Blackout.jpg|150px]]
|image17 =[[Image:Dance Vs Israfel.jpg|150px]]
|image18 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image19 =[[Image:FGC 01 C003a.jpg|150px]]
|image20 =[[Image:FGC 01 C076d.jpg|150px]]
|image21 =[[Image:Reimoon2.jpg|150px]]
|image22 =[[Image:Reimoon1a.jpg|150px]]
|image23 =[[Image:Reimoon4.jpg|150px]]
|image24 =[[Image:Nerv swimming pool.jpg|150px]]
|image25 =[[Image:Shinji Rei Escalator.jpg|150px]]
|image26 =[[Image: Japan Blackout.jpg|150px]]
|image27 =[[Image:Dance Vs Israfel.jpg|150px]]
|image28 =[[Image:Fuyutsuki Candle.jpg|150px]]
|image29 =[[Image:FGC 01 C003a.jpg|150px]]
|image30 =[[Image:FGC 01 C076d.jpg|150px]]
|caption =
The maximimum number of images in a table with one column.
}}


30 Images (1 column table)
Reimoon2.jpg
Reimoon1a.jpg
Reimoon4.jpg
Nerv swimming pool.jpg
Shinji Rei Escalator.jpg
Japan Blackout.jpg
Dance Vs Israfel.jpg
Fuyutsuki Candle.jpg
FGC 01 C003a.jpg
FGC 01 C076d.jpg
Reimoon2.jpg
Reimoon1a.jpg
Reimoon4.jpg
Nerv swimming pool.jpg
Shinji Rei Escalator.jpg
Japan Blackout.jpg
Dance Vs Israfel.jpg
Fuyutsuki Candle.jpg
FGC 01 C003a.jpg
FGC 01 C076d.jpg
Reimoon2.jpg
Reimoon1a.jpg
Reimoon4.jpg
Nerv swimming pool.jpg
Shinji Rei Escalator.jpg
Japan Blackout.jpg
Dance Vs Israfel.jpg
Fuyutsuki Candle.jpg
FGC 01 C003a.jpg
FGC 01 C076d.jpg

The maximimum number of images in a table with one column.