Using the tabslider component

[antun]

The tabslider is a component you've seen in use in the Weather Application. It allows for a large amount of UI components to be squeezed into a tight space.

To use it, try:


<canvas>
<include href="lz/tabslider.lzx" />
<tabslider width="150" height="300">
<tabelement bgcolor="red" />
<tabelement bgcolor="blue" />
<tabelement bgcolor="green" />
<tabelement bgcolor="yellow" />
</tabslider>
</canvas>


The tabslider component (which is WEB-INF/lps/components/lz/tabslider.lzx) is an LZX file that contains classes and that you should be able to read and understand. For instance, to find out how to speed up the tabslider movement, take a look at the class definition:


<class name="tabslider" >

<!-- ATTRIBUTES -->
<attribute name="slideDuration" value="1000" />
<attribute name="spacing" value="0" />
<attribute name="minTabHeight" value="20" />
<attribute name="opennedTab" value="null" />


See the slideDuration attribute? You could change this in your code as follows:


<tabslider width="150" height="300" slideDuration="500">


Enjoy!