z35-button-002.zul

ZK是一个Ajax Java Web框架

<?page id="testZul" title=" New ZUL Title" cacheable="false" 
	language="xul/html" zscriptLanguage="Java" contentType="text/html;charset=UTF-8"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit"?>
<zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul/zul.xsd">
  <window title="Test button direction" border="normal">
  
  if you see the images are displayed properly according to the direction, test is correct.
  <separator/>
  <button label="Left" image="../img/folder.gif" width="125px"/>
  <button label="Right" image="../img/folder.gif" dir="reverse" width="125px"/>
  <button label="Above" image="../img/folder.gif" orient="vertical" width="125px"/>
  <button label="Below" image="../img/folder.gif" orient="vertical" dir="reverse" width="125px"/>
  <h:button>HTML button</h:button>
  </window>
</zk>