Template:ShowHide/doc

This is similar to {{Collapse top}}, but with more parameters.

Usage

This documentation is about templates {{ShowHide/top}} and {{ShowHide/bottom}}) that have to be used together.

Recommendations :

• Limit the use of this kind of show/hide boxes
• Do not use a ShowHide inside another ShowHide

Syntax

Usage :

{{ShowHide/top|title=TITLE}}
Content
{{ShowHide/bottom}}

With all parameters :

{{ShowHide/top
 | align   = 
 | alignT  = 
 | alignB  = 
 | title   = 
 | label   = 
 | width = 
 | height = 
 }}
Content
{{ShowHide/bottom}}

Parameters

Required parameters
parameter	effect	possible values
title	Box title	Free, except pipe character "|" .
optional parameters
parameter	effect	default value	possible values
rounding	angle rounding	0	Rounded angles, if supported by the browser. Advised value : 0.6em, expressed in pt, px or em
image	image on the left		Optional image displayed when box is expanded. Should be fully written.
alignB	box alignment	left	left, right, center ou justify
height	height of collapsed box	1.6em	The height has to be defined in a correct unit. Should not be less than 1.6em, otherwise expect bad behavior.
marginBottom	margin bottom (after the box)	1em	The height has to be defined in a correct unit. Possible to define at 0
width	box width	100%	The width has to be defined in a correct unit.
colorBorder	border color	#AAAAAA	Valid color expression examples : black, #C080FF, …
colorBackgroundB	Box background color	#FFFFFF
colorBackground	Content background color	white
Text
align	content alignment	justify	left, right, center or justify
alignT	title alignment	center
label	text of the show/hide links	[show] / [hide]	The slash ("/") allows to separate the two labels. Example : [ show ] / [ hide ].
colorBackgroundT	Title Background color	#EFEFEF	Valid color expression examples : black, #C080FF, …
colorTexteT	Title text color	black
thinning	title not bold	no	yes/no

Examples

by default (align=justify, alignT=center)

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Content on the right (align=right)

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Content centered, title on the left (align=center, alignT=left)

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Justified content, title on the right (align=justify, alignT=right)

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Box with width 50%, aligned on the right (alignB=right)

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Box with image and title height 50px

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

colors examples

  

• colorBorder=green
• colorBackgroundB=lightpink
• colorBackgroundT=yellow
• colorTextT=blue
• colorBackground=lightcyan

 

ShowHide with rounded angles (rounding=0.6em)

Lorem ipsum dolor sit amet, consectetaur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

 

Template Data

This template creates a box allowing to show/hide some text by clicking

Template parameters

Parameter		Description	Type	Status
Title	title	Box title	String	required
Content alignment	align	left, right, center or justify ? Default left	String	optional
Title alignment	alignT	left, right, center or justify ? Default center	String	optional
Box alignment	alignB	left, right, center or justify ? Default left	String	optional
Label	label	Text of the show/hide links Default Show/Hide	String	optional
Height	height	Height of the collapsed box Default 1.6em	String	optional
Width	width	Width of the collapsed box Default 100%	String	optional
Title color	colorTextT	Title color Default black	String	optional
Bold title	thinning	Yes or no Default no	String	optional
Title background color	colorBackgroundT	Title background color Default #EFEFEF	String	optional
Box background color	colorBackgroundB	Box background color Default #FFFFFF	String	optional
Content background color	colorBackground	Content background color Default white	String	optional
Border color	colorBorder	Border color Default #AAAAAA	String	optional