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>