Synopsis
- LZX: basetabscontent
- JavaScript: basetabscontent
- Type: Class
- Access: public
- Topic: Components.Base Components
- Declared in: lps/components/base/basetabs.lzx
Description
basetabscontent is the non-visual container
(and immediate parent) of basetabpanes. Extend
basetabscontent to give the content area of
your basetabs a look, e.g., adding borders to
your content. basetabscontent is a child of the
basetabs component.
Example 29. custom basetabscontent with borders
<canvas width="150" height="75">
<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>
<text>one</text>
</basetabpane>
<basetabpane>
<text>two</text>
</basetabpane>
<basetabpane>
<text>three</text>
</basetabpane>
</basetabs>
</canvas>
Basetabscontent should be in basetabs. If width and height are not set, basetabscontent will stretch to the largest content item. You can pass the name of this class in the 'contentclass' attribute of basetabs and tabs. Basetabs uses this class as its default 'contentclass'.