A basetabpane is the non-visual container
for content in basetabs. Each
basetabpane has a corresponding
basetab created. Normally, you won't want to
extend this class. If you want a consistent background across all
basetabpanes, you can add a background to your
basetabscontent component. If you want a
different background for each basetabpane, you
could do that in the content placed inside of your
basetabpane.
Be aware that the content of basetabpane is
initstage="late"
. You can override this by
declaring an initstage on a specific subclass
or instance of basetabpane.
<basetabpane initstage="normal">
<!-- ..content... -->
</basetabpane>
![[Note]](images/note.png) |
Note |
|---|---|
The parent of a <basetabpane> is
<basetabs>, but its immediate parent is the
default placement of the
basetabscontent.
|
Example 38. parent and immediate parent of basetabpane
<canvas height="140" debug="true">
<debug x="150" y="10"/>
<include href="base"/>
<class name="aquatab" extends="basetab" width="40" height="20" bgcolor="aqua">
<text>tab</text>
</class>
<class name="borderedtabscontent" extends="basetabscontent" bgcolor="black">
<attribute name="defaultplacement" value="borderedcontent" type="string"/>
<view name="borderedcontent" x="${parent.parent.bordersize}" y="${parent.parent.bordersize}" width="${parent.width-(2*parent.parent.bordersize)}" height="${parent.height-(2*parent.parent.bordersize)}" clip="true" bgcolor="red"/>
</class>
<basetabs x="10" y="10" bordersize="3" tabclass="aquatab" contentclass="borderedtabscontent">
<basetabpane name="one">
<handler name="onvisible" args="isvisible">
if (isvisible) {
Debug.debug("parent: %w", parent);
Debug.debug("immediate parent: %w", immediateparent);
}
</handler>
<text>one</text>
</basetabpane>
<basetabpane>
<text>two</text>
</basetabpane>
<basetabpane>
<text height="${parent.height}" width="${parent.width}" bgcolor="green">
three
</text>
</basetabpane>
</basetabs>
</canvas>
See Also:
| Name (CSS property) | Type (tag) | Type (js) | Default | Category |
|---|---|---|---|---|
inset_bottom
|
number | Number | parent.inset_bottom | read/write |
| Bottom inset for basetabpane in tabs content. Default is basetabs's inset_bottom. | ||||
inset_left
|
number | Number | parent.inset_left | read/write |
| Left inset for basetabpane in tabs content. Default is basetabs's inset_left. | ||||
inset_right
|
number | Number | parent.inset_right | read/write |
| Right inset for basetabpane in tabs content. Default is basetabs's inset_right. | ||||
inset_top
|
number | Number | parent.inset_top | read/write |
| Top inset for basetabpane in tabs content. Default is basetabs's inset_top. | ||||
selected
|
boolean | boolean | false | read/write |
| If a basetabpane is selected, then it will be shown. Its associated tab will be also be selected. | ||||
tab
|
expression | any | null | readonly |
| The tab associated with this basetabpane. | ||||
tabclass
|
string | String | initialize-only | |
| The tabclass to use to instantiate its associated tab. This overrides the basetabs tabclass. Leave undefined here so that basetabs can have it. | ||||
text
|
text | String | tab | read/write |
| Text value for tab. | ||||
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