how to disable tabslider

[thriputapriya]

Hi Antun,

I want disable the tabslider at start,which contain 4 tabelement and each tabelement contains tabs.In which i want open first tabelement defaultly under disable condition of tabslider.How can i do this in laszlo code.

[antun]

When you say "disable" what exactly do you mean? Neither the tabslider nor tabelement have a "disable" toggle that turns them off, but you could write a method that showed or hid a view that was clickable above the tabslider to prevent mouse clicks from getting to it.

-Antun

[thriputapriya]

Hi Antun,

I mean the tabelement should not open or should not access anything inside tabelement (viz. buttons,view,tabs etc).How can i disable each tabelement,i.e the tabelement should not open untill unless i set this to enable state at runtime.But first tabelement must open in default and all othera should not open at initially.

[dandiedimp]

try this code. The idea is to replace the table element header with the view and let the view capture the click event rather than the tabelement header capturing it. If you want the tabelement to be selected just add the code on the view onclick event tabslider.select(tabelement) so for the
code below just add ts2.select(tabElemPerformance);


<tabslider id="ts2" width="${immediateparent.width}" height="${immediateparent.height}" style="bluecolors" bordersize="2" spacing="2" bordercolor="0x3A75A3" mintabheight="20">

<tabelement id="tabElemPerformance" >
<view placement="header" width="${parent.width}" height="${tabElemPerformance.headerheight}">
<method event="onclick"> Debug.write('Dont open');
</method>
<view bgcolor="0x3A75A3" width="10" height="12" x="5" y="5"/>
<text x="20">Performance Manager</text>
</view>
<view bgcolor="0x3A75A3" x="10" y="10" width="50" height="50"/>

</tabelement>


</tabslider>

Hope that helps.