<tabscontent>
The tabs content container for tabpanes.

JavaScript: lz.tabscontent

tabscontent houses a stack of <tabpane>s for <tabs>, which has a visual border and uses the default style's background color. When a tabspane is added to a tabs, its content are actually placed in tabscontent.

Said another way, tabscontent is the class used by tabs to place tabpanes. Visually, it contains a border. The size of the border is constrained by its parent's (tabs) bordersize attribute value. You can pass the name of this class in the 'contentclass' attribute of basetabs and tabs. Tabs uses this class as its default 'contentclass'.

<canvas height="100">
  <include href="lz"/>
  <simplelayout axis="x" spacing="10"/>
  
  <view layout="class: simplelayout; axis: y; spacing: 5" bgcolor="red">
    <text>contentclass=basetabscontent</text>
    <basetabs y="10" bordersize="5" tabclass="tab" contentclass="basetabscontent">
      <basetabpane text="one" bgcolor="teal">
        <text>one</text>
      </basetabpane>
      <basetabpane text="two" bgcolor="green">
        <text>two</text>
      </basetabpane>
      <basetabpane text="three" bgcolor="blue">
        <text>three</text>
      </basetabpane>
    </basetabs>
  </view>

  <view layout="class: simplelayout; axis: y; spacing: 5" bgcolor="yellow">
    <text>contentclass=tabscontent</text>
    <basetabs y="10" bordersize="5" tabclass="tab" contentclass="tabscontent">
      <basetabpane text="one" bgcolor="teal">
        <text>one</text>
      </basetabpane>
      <basetabpane text="two" bgcolor="green">
        <text>two</text>
      </basetabpane>
      <basetabpane text="three" bgcolor="blue">
        <text>three</text>
      </basetabpane>
    </basetabs>
  </view>
</canvas>

Methods

Methods inherited from lz.Eventable

destroy, setAttribute

Events

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy