Index...
Centrallix Documentation
|
widget/scrollpane
scrollpane :: A visual container with a scrollbar allowing for content height that exceeds the display area
Metadata:
| type: | widget/scrollpane |
| visual: | yes |
| container: | yes |
| form element: | no |
Overview:
The scrollpane widget provides a container and a scrollbar. The scrollbar can be used to move up and down in the container, so more content can be placed in the container than can be normally viewed at one time.
The scrollbar includes a draggable thumb as well as up and down arrows at the top and bottom. Clicking the arrows scrolls the content of the container up or down by a small amount, whereas clicking on the scrollbar itself above or below the thumb will scroll the area by a large amount.
Usage:
Scrollpane widgets can be placed inside any other container, but are usually placed inside a pane or a tab page. Almost any content can be placed inside a scrollpane, but most commonly tables, treeviews, and html areas appear there.
Properties:
| Property | Type | Description |
|---|
| background |
string |
A background image to be placed behind the scrollpane. |
| bgcolor |
string |
A color, RGB or named, to be used as the scrollpane background.If neither bgcolor transparent. |
| height |
integer |
height, in pixels, of the scrollpane's visible area. Due to the nature of the can time. |
| width |
integer |
width, in pixels, of the scrollpane, including the scrollbar area on the right side. |
| x |
integer |
x-coordinate of the upper left corner of the scrollpane, relative to its container. |
| y |
integer |
y-coordinate of the upper left corner of the scrollpane, relative to its container. |
| visible |
boolean |
allows user to set scroll pane to visible (true) or not (false). |
Sample Code:
$Version=2$
MyScrollPane "widget/scrollpane"
{
// Visible scrollpane geometries...
x = 0; y = 0;
width = 600; height = 300;
// This treeview is inside the scrollpane.
MyTreeView "widget/treeview"
{
x = 1; y = 1;
// Leave room for the scrollbar, (600 - 20 = 580)
width = 580;
// The source for the treeview.
source = "/";
}
visible = "true";
}
Comments...
(none yet)
Add a Comment...
|
