|
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-2024 Potix Corporation All rights reserved.
|
Processing... |