<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 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>

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 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>

Attributes

Name (CSS property) 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.
itemclassname expression any tabelement read/write
  Item class elements to use as children.

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>

onitemclassname, onselect

Events inherited from <baseformitem>

onchanged, onvalue

Events inherited from <node>

onconstruct, ondata, oninit

Events inherited from lz.Eventable

ondestroy