By default, the <scrollbar>
tag creates a vertical
scrollbar. Setting axis="x"
produces a horizontal scrollbar.
If you do not specify a scrolltarget
, the
scrollbars will also control their own layout: the vertical scrollbar
will be aligned the the right of the parent view and horizontal
scrollbar will be aligned to the bottom.
Typically one or two scrollbars and a single view that is the contents
to be scrolled, the scrolltarget, are contained within a parent view with
clip=true
. The scrolling effect is produced by moving
the scrolltarget while its visible region is clipped by the parent view.
Example 61. Simple scrollbar
<canvas
height
="100
">
<view
name
="main
" width
="100
" height
="80
" clip
="true
">
<text
multiline
="true
">
1
<br
/>2
<br
/>3
<br
/>4
<br
/>5
<br
/>6
<br
/>7
<br
/>8
<br
/>9
<br
/>10
</text
>
<scrollbar
/>
</view
>
</canvas
>
In the example above, the scrolltarget is the 'contents' view. A
scrollbar moves its scrolltarget
along its
axis. The attribute that is controlled by the scrollbar may be
specified as the scrollattr
, overriding the
default value of x
or y
.
Name (CSS property) | Type (tag) | Type (js) | Default | Category |
---|---|---|---|---|
disabledbgcolor
|
expression | any | null | read/write |
If this is defined, it will be used as the scrollbar's background color when it is disabled. If not provided, the scrollbar will use the bgcolor of its closest parent that has a bgcolor defined. |
axis, focusview, mousewheelactive, mousewheelevent_off, mousewheelevent_on, pagesize, scrollable, scrollattr, scrollmax, scrolltarget, stepsize, usemousewheel
doesenter, enabled, hasdefault, isdefault, style, styleable, text
aaactive, aadescription, aaname, aasilent, aatabindex, align, backgroundrepeat, bgcolor, cachebitmap, capabilities, clickable, clickregion, clip, colortransform, context, contextmenu, cornerradius, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hasdirectionallayout, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, shadowangle, shadowblurradius, shadowcolor, shadowdistance, showhandcursor, source, stretches, subviews, tintcolor, totalframes, unstretchedheight, unstretchedwidth, usegetbounds, valign, visibility, visible, width, x, xoffset, xscale, y, yoffset, yscale
classroot, cloneManager, data, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, styleclass, subnodes, transition
Methods
acceptValue, doEnterDown, doEnterUp, doSpaceDown, doSpaceUp, presentValue, setStyle, setTint, updateDefault
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getCurrentTime, getDepthList, getDisplayObject, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, isBehind, isInFrontOf, isMouseOver, measureHeight, measureWidth, play, proxyurl, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAccessible, setAttributeRelative, setColor, setColorTransform, setPan, setProxyPolicy, setSource, setVolume, shouldYieldFocus, stop, unload, updateResourceSize
animate, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setOption, setSelected, updateData
Events
onaddsubview, onbackgroundrepeat, onblur, onclick, onclickable, onclip, oncontext, oncornerradius, ondblclick, onerror, onfocus, onframe, onframesloadratio, ongesture, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmousetrackout, onmousetrackover, onmousetrackup, onmouseup, onmouseupoutside, onopacity, onplay, onplaying, onremovesubview, onshadowangle, onshadowblurradius, onshadowcolor, onshadowdistance, onstop, ontimeout, ontouch, onvisible, onwidth, onx, ony
Copyright © 2002-2010 Laszlo Systems, Inc. All Rights Reserved. Unauthorized use, duplication or distribution is strictly prohibited. This is the proprietary information of Laszlo Systems, Inc. Use is subject to license terms.