Template:Scroll Box

Template documentation

Description

This scrolling list template creates a scroll-box within a page that allows for large content to be limited to a given number of pixels on the page.

To edit the size of captions, you may use the following code:

<div style="clear:both; text-align:center; font-size:90%">^........</div>

Usage

{{scroll box
|width=width (in pixel or in percent)
|height=height (in pixel)
|text=contents
}}

The colored text should be properly replaced as here described:

width

The width of the box, expressed in pixel or in percent. (default=100%)

height

The height of the box, you should express this value exclusively in pixel. (default=230px)

contents

The text that should be displayed inside this frame. Note that the scroll bar will appear only if the text is long enough to overflow the given height. (required field, no default value)

Examples

Example 1 (Simple)

Code

{{Scroll Box|
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

Some text:

Example 01 Example 02 Example 03 Example 04 Example 05 Example 06 Example 07 Example 08 Example 09 Example 10 Example 11 Example 12 Example 13 Example 14 Example 15

Example 2 (With 1 param)

Code

{{Scroll Box|text=
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

Example 01 Example 02 Example 03 Example 04 Example 05 Example 06 Example 07 Example 08 Example 09 Example 10 Example 11 Example 12 Example 13 Example 14 Example 15

Example 3 (width)

Code

{{Scroll Box|width=75%|text=
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

Example 01 Example 02 Example 03 Example 04 Example 05 Example 06 Example 07 Example 08 Example 09 Example 10 Example 11 Example 12 Example 13 Example 14 Example 15

Example 4 (width and height)

Code

{{Scroll Box|width=150px|height=100px|text=
* Example 01
* Example 02
* Example 03
* Example 04
* Example 05
* Example 06
* Example 07
* Example 08
* Example 09
* Example 10
* Example 11
* Example 12
* Example 13
* Example 14
* Example 15
}}

Result

Example 01 Example 02 Example 03 Example 04 Example 05 Example 06 Example 07 Example 08 Example 09 Example 10 Example 11 Example 12 Example 13 Example 14 Example 15