The tabs component contains a row of
tabs that control the visibility of a stack of
<tabpane>s. When a <tabpane>
is added to a tabs component, a corresponding
tab is created for that <tabpane>. The text which shows up in the tab is
derived from the text attribute of the
<tabpane>.
The tabs component will be sized
automatically to the largest tabpane, unless an
explicit height or width
is specified within the <tabs> tag.
<canvas height="100">
<tabs>
<tabpane text="one">
<button>press one</button>
</tabpane>
<tabpane text="two">
<button>press two</button>
</tabpane>
</tabs>
</canvas>
See Also:
<tab>,<tabsbar>,<tabpane>,<tabscontent>, and<basetabs>
| Name (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
barclass
|
string | String | tabsbar | initialize-only |
| Class to use for tabs bar. | ||||
bordersize
|
number | Number | 1 | read/write |
| Content's border size (see tabscontent). | ||||
contentclass
|
string | String | tabscontent | initialize-only |
| Class to use for tabs content area. | ||||
layout
|
expression | any | class: simplelayout; axis: y; spacing: -2 | read/write |
| Layout to use between tabsbar and tabscontent. | ||||
tabalign
|
string | String | left | read/write |
| Align the set of tabs within the dimensions of the "tabs" container ("left", "center", "right"). | ||||
tabclass
|
string | String | tab | initialize-only |
| Class to use for tab items in tabsbar. | ||||
tabspacing
|
number | Number | -15 | read/write |
| Spacing between the tabs. Defaults to -15 so tabs overlap. | ||||
Attributes inherited from <basetabs>
bar, barclass, bordersize, content, contentclass, inset_bottom, inset_left, inset_right, inset_top, layout, tabclass
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
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