|
Processing...
Description & Source Code
The tabbox can be made to align horizontally or vertically. simple_tabbox.zul
<tabbox id="tb" height="300px"> <tabs id="tabs"> <tab id="A" label="Tab A" /> <tab id="B" label="Tab B" /> <tab id="C" label="Tab C" /> <tab id="D" label="Tab D" /> <tab id="E" label="Tab E" /> </tabs> <tabpanels> <tabpanel>This is panel A</tabpanel> <tabpanel>This is panel B</tabpanel> <tabpanel>This is panel C</tabpanel> <tabpanel>This is panel D</tabpanel> <tabpanel>This is panel E</tabpanel> </tabpanels> </tabbox> configure.zul
<vlayout>
Orientation:
<radiogroup>
<attribute name="onCheck"><![CDATA[
String orientation = self.getSelectedItem().getValue();
tb.orient = orientation;
if("left".equals(orientation) || "right".equals(orientation)) {
tabs.setWidth("70px");
} else {
tabs.setWidth("");
}
]]></attribute>
<vlayout>
<radio label="Top" value="top" selected="true"/>
<radio label="Left" value="left"/>
<radio label="Bottom" value="bottom"/>
<radio label="Right" value="right"/>
</vlayout>
</radiogroup>
</vlayout>
Copyright © 2005-2025 Potix Corporation All rights reserved.
|
|
Processing... |