<tabpane>
A tabpane houses content to be shown within a tabs component when its correlated tab is selected.

JavaScript: lz.tabpane

tabpane is the visual container for content in <basetabs>. The difference between this class and <basetabpane> is that tabpane has a background <swatchview> that is set by whatever the default style is.

Note that the content of tabpane is initstage="late". You can override this by explicitly setting your initstage preference on tabpane.

<tabpane initstage="normal">
  <!-- ...content... -->
  </tabpane>
</tabpane>
                

For every <tabpane> declared, a corresponding <tab> is created.

<canvas height="150">
  <include href="base"/>

  <simplelayout axis="y" spacing="5"/>
  <text x="10" multiline="true" width="200">
      First two are tabpanes, the last one is a basetabpane
  </text>
  <basetabs x="10" tabclass="tab" bgcolor="green">
    <tabpane>
      <text>one</text>
    </tabpane>
    <tabpane>
      <text>two</text>
    </tabpane>
    <basetabpane>
      <text>three</text>
    </basetabpane>
  </basetabs>
</canvas>

Attributes

Name (CSS property) Type (tag) Type (js) Default Category
tabwidth number Number -1 read/write
  Width of the tab associated with this tabpane. If not set, the tab will resize itself to fit.

Methods

Methods inherited from lz.Eventable

destroy, setAttribute

Events

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy