<tabslider>
A Container that animates and coordinates the sliding of Tabelements.

JavaScript: lz.tabslider

A tabslider coordinates the opening and closing of its <tabelement> contained within its scope. Only the tabelement can be opened at one time. The height of the opened tabelement is determined by the height of the tabslider minus the total height of all the tabelements when they are closed.

<canvas width="200" height="250">
  <tabslider width="150" x="10" y="10" height="200" spacing="2" slideduration="300">
    <tabelement text="Tabelement One"/>
    <tabelement text="Tabelement Two"/>
    <tabelement text="Tabelement Three"/>
  </tabslider>
</canvas>
edit

The height of a tabelement (when it is closed) is defined in the tabelement's minheight attribute with a default value of 22. This can also be specified on the tabslider itself using the attribute imintabheight, which will be applied to all of its tabelements.

<canvas width="200" height="250">
  <tabslider width="150" x="10" y="10" height="200" mintabheight="40" spacing="2" slideduration="300">
    <tabelement text="Tabelement One" minheight="20"/>
    <tabelement text="Tabelement Two"/>
    <tabelement text="Tabelement Three"/>
  </tabslider>
</canvas>
edit

Attributes

Name Type (tag) Type (js) Default Category
bordercolor color color this.style != null ? this.style.bordercolor : null read/write
  The border color. Default is constrained to the <style>'s bordercolor value.
bordersize expression any 1 read/write
  The size of the border. Default is 1 pixel.
itemclassname expression any tabelement read/write
  Item class elements to use as children. Default is tabelement.

Attributes inherited from <basevaluecomponent>

type, value

Methods

setBorderColor()
tabslider.setBorderColor(color : Number);
Setter for border color.
Parameter Name Type Description
color Number the color number.

setBordersize()
tabslider.setBordersize(size : Number);
Setter for border size.
Parameter Name Type Description
size Number the size of the border.

Methods inherited from lz.Eventable

destroy, setAttribute

Events

Events inherited from <baselist>

onselect

Events inherited from <baseformitem>

onchanged, onvalue

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy