enfrdeitptrues
Advertising

ScrollPanel

{ScrollPanel header="string" height="string" width="string" min_height="string" min_width="string" max_height="string" max_width="string" /}

Creates scroll bars if the content doesn't fit completly into your layout or if you don't want a long text to take much space.


Params for ScrollPanel:

header: Defines the content of an optional header for the ScrollPanel.

Possible values: All HTML (Use single quote if you want to include more complex HTML tags like images; header='<img src="/./someImg.jpg">')

Default: none

height: Defines the height of the scroll panel.

Possible values: All that are CSS compliant. I.e. 200px or 80% or 6em, ...

Default: none

width: Defines the width of the scroll panel.

Possible values: Like height

Default: none

min_height: Defines the minimum height of the scroll panel, even if the content doesn't fill the space.

Possible values: Like height

Default: none

min_width: Defines the minimum width of the scroll panel, even if the content doesn't fill the space.

Possible values: Like height

Default: none

max_height: Defines the maximum height of the scroll panel. Fits the content till this value and then creates a scrollbar.

Possible values: Like height

Default: none

max_width: Defines the maximum width of the scroll panel.

Possible values: Like height

Default: none

How to use it:

{ScrollPanel max_height="250px" width="80%" header="<b>Example ScrollPanel</b>"}
{LoremIpsum type="paragraphs" count="10" /}
{/ScrollPanel}
{ScrollPanel max_height="400px" width="50%" header="<b>Another example ScrollPanel</b>"}
{LoremIpsum type="paragraphs" count="10" /}
{/ScrollPanel}


Example:

Changelog:

2017-03-27:

- Added option for an optional header for the ScrollPanel

- Added options for min-, max-height and min-, max-width


Available for:


Advertising

© 2010 - 2017 FINWICK® UG

We have 57 guests and no members online

enfrdeitptrues