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 (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
inset_bottom
|
expression | any | 8 | read/write |
| The bottom inset for content appearing within a tabelement. | ||||
inset_left
|
expression | any | 8 | read/write |
| The left inset for content appearing within a tabelement. | ||||
inset_right
|
expression | any | 8 | read/write |
| The right inset for content appearing within a tabelement. | ||||
inset_top
|
expression | any | 8 | read/write |
| The top inset for content appearing within a tabelement. | ||||
mintabheight
|
expression | any | 22 | read/write |
| The default height of every tab when closed. | ||||
slideduration
|
expression | any | 300 | read/write |
| The duration of the tabs openning and closing. | ||||
spacing
|
expression | any | 0 | read/write |
| The spacing of the tabs. | ||||
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, 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
Attributes inherited from <node>
classroot, cloneManager, data, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, styleclass, subnodes, transition
Methods
-
addItem() -
Parameter Name Type Description txt String The name of the tabelement. value Object The value of the tabelement.
-
calcAvailableHeight() -
-
doAddSubview() -
-
openNext() -
-
openTab() -
![[Caution]](images/caution.png)
This method is deprecated use this.select(atabview) instead Parameter Name Type Description tabelement basetabelement tabelement to open. withAnimation boolean unused.
-
select() -
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, 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
Methods inherited from <node>
animate, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setOption, setSelected, updateData
Events
Events inherited from <view>
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