-
FEATURED COMPONENTS
First time here? Check out the FAQ!
1 | initial version | |
Hi! i think that the fastest way to achieve this is not to try to change the default implementation of the Tabbox but is to workaround it:
<window title="Tabbox" border="normal" width="400px">
<style>
.mytab {
background-color: lightyellow;
border: 1px solid grey;
padding: 3px;
}
</style>
<hlayout>
<div sclass="mytab" onClick="mytabs.setSelectedIndex(0)">one</div>
<div sclass="mytab" onClick="mytabs.setSelectedIndex(1)">two</div>
<toolbar hflex="1">
<toolbarbutton label="a" />
<toolbarbutton label="b" />
<toolbarbutton label="c" />
<toolbarbutton label="d" />
<toolbarbutton label="e" />
</toolbar>
</hlayout>
<tabbox id="mytabs">
<tabs visible="false">
<tab>one</tab>
<tab>two</tab>
</tabs>
<tabpanels>
<tabpanel>
<label value="one" />
</tabpanel>
<tabpanel>
<label value="two" />
</tabpanel>
</tabpanels>
</tabbox>
</window>
Giovanni
2 | No.2 Revision |
Hi!
i think that the fastest way to achieve this do that is not to try trying to change the default implementation of the Tabbox but is to workaround it:
<window title="Tabbox" border="normal" width="400px">
<style>
.mytab {
background-color: lightyellow;
border: 1px solid grey;
padding: 3px;
}
</style>
<hlayout>
<div sclass="mytab" onClick="mytabs.setSelectedIndex(0)">one</div>
<div sclass="mytab" onClick="mytabs.setSelectedIndex(1)">two</div>
<toolbar hflex="1">
<toolbarbutton label="a" />
<toolbarbutton label="b" />
<toolbarbutton label="c" />
<toolbarbutton label="d" />
<toolbarbutton label="e" />
</toolbar>
</hlayout>
<tabbox id="mytabs">
<tabs visible="false">
<tab>one</tab>
<tab>two</tab>
</tabs>
<tabpanels>
<tabpanel>
<label value="one" />
</tabpanel>
<tabpanel>
<label value="two" />
</tabpanel>
</tabpanels>
</tabbox>
</window>
Giovanni