A basetabslider coordinates the opening and
closing of its basetabelements contained within
its scope. basetabslider and
basetabelement have no visual aspects. The
tabslider class (which extends
basetabslider) does contain a visual UI and
shows how basetabslider can be extended to
create your own visual framework for a unique tab slider.
An example of the use of these classes is shown below. In order to make the base classes visible, background colors have been assigned to them.
<canvas height="220">
<include href="base/basetabslider.lzx"/>
<basetabslider bgcolor="yellow" width="100" height="200" mintabheight="40" spacing="2" slideduration="300">
<basetabelement clickable="true" bgcolor="red" width="100%"/>
<basetabelement clickable="true" bgcolor="red" width="100%"/>
<basetabelement clickable="true" bgcolor="red" width="100%"/>
</basetabslider>
</canvas>
The mintabheight specified for a
basetabslider applies to all of its
basetabelements except those
basetabelements that define it for themselves,
as demonstrated in the following example.
<canvas height="220">
<include href="base/basetabslider.lzx"/>
<basetabslider bgcolor="yellow" width="100" height="200" mintabheight="40" spacing="2" slideduration="300">
<basetabelement clickable="true" bgcolor="red" width="100%"/>
<basetabelement clickable="true" bgcolor="red" width="100%" minheight="15"/>
<basetabelement clickable="true" bgcolor="red" width="100%"/>
</basetabslider>
</canvas>
| Name | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
inset_bottom
|
expression | any | 8 | read/write |
| The bottom inset for content appearing within a tabelement. Default is 8. | ||||
inset_left
|
expression | any | 8 | read/write |
| The left inset for content appearing within a tabelement. Default is 8. | ||||
inset_right
|
expression | any | 8 | read/write |
| The right inset for content appearing within a tabelement. Default is 8. | ||||
inset_top
|
expression | any | 8 | read/write |
| The top inset for content appearing within a tabelement. Default is 8. | ||||
mintabheight
|
expression | any | 22 | read/write |
| The default height of every tab when closed. Default is 22. | ||||
slideduration
|
expression | any | 300 | read/write |
| The duration of the tabs openning and closing. Default is 300. | ||||
spacing
|
expression | any | 0 | read/write |
| The spacing of the tabs. Default is 0. | ||||
Attributes inherited from <baselist>
dataoption, defaultselection, itemclassname, multiselect, toggleselected
Attributes inherited from <baseformitem>
changed, ignoreform, rollbackvalue, submit, submitname, value
Attributes inherited from <basecomponent>
doesenter, enabled, hasdefault, isdefault, style, styleable, text
Attributes inherited from <view>
aaactive, aadescription, aaname, aasilent, aatabindex, align, bgcolor, cachebitmap, clickable, clickregion, clip, contextmenu, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, showhandcursor, source, stretches, subviews, totalframes, unstretchedheight, unstretchedwidth, valign, visibility, visible, width, x, xoffset, y, yoffset
Attributes inherited from <node>
classroot, cloneManager, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, subnodes
Methods
Methods inherited from <baselist>
addItem, clearSelection, getItem, getItemAt, getNumItems, getSelection, getText, getValue, moveSelection, removeAllItems, removeItem, removeItemAt, select, selectItem, selectItemAt, selectNext, selectPrev, setHilite
Methods inherited from <baseformitem>
commit, destroy, findForm, init, rollback, setChanged, setValue, toXML
Methods inherited from <basecomponent>
acceptValue, doEnterDown, doEnterUp, doSpaceDown, doSpaceUp, presentValue, setStyle, setTint, updateDefault
Methods inherited from <view>
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getContextMenu, getCurrentTime, getDepthList, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, measureHeight, measureWidth, play, proxyurl, releaseLayouts, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAAActive, setAADescription, setAAName, setAASilent, setAATabIndex, setAccessible, setAlign, setAttributeRelative, setBGColor, setClickable, setColor, setColorTransform, setContextMenu, setCursor, setHeight, setLayout, setOpacity, setPan, setPlay, setProxyPolicy, setProxyURL, setResource, setResourceNumber, setRotation, setShowHandCursor, setSource, setValign, setVisibility, setVisible, setVolume, setWidth, setX, setXOffset, setY, setYOffset, shouldYieldFocus, stop, stretchResource, unload, updateResourceSize
Methods inherited from <node>
animate, applyConstraint, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getAttribute, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setData, setDatapath, setOption, setSelected, updateData
Events
Events inherited from <view>
onaddsubview, onblur, onclick, ondblclick, onerror, onfocus, onframe, onframesloadratio, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmouseup, onmouseupoutside, onopacity, onplay, onremovesubview, onstop, ontimeout, onvisible, onwidth, onx, ony