Synopsis
- LZX: basetabpane
- JavaScript: basetabpane
- Type: Class
- Access: public
- Topic: Components.Base Components
- Declared in: lps/components/base/basetabs.lzx
Description
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 25. parent and immediate parent of basetabpane
<canvas width="500" 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.write("parent: " + parent);
Debug.write("immediate parent: " + 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>
The basetabpane for basetabs. If width and height are not set, all basetabpanes will resize themselves to largest basetabpane or the width of the basetabsbar, whichever is larger. The content of the basetabpane is initstage late. You can override this value by setting initstage late on basetabpane.