Theme:
Processing...
Description & Source Code

ZK offers accessibility features such as right to left text support.

right-to-left_support.zul
<zk>
	<style>
		.reverse,
		.reverse .z-window-embedded-header,
		.reverse .z-label { 
			unicode-bidi: bidi-override; 
			direction: rtl; 
		}
    </style>
	<window id="win" title="Right to left Sample" width="400px" height="200px" 
			border="normal" onCreate='win.sclass="reverse"'>
		<label id="label" value='Hello World Right-to-Left!'/>
	</window>
	<button label="Reverse">
		<attribute name="onClick"><![CDATA[
			win.sclass = win.sclass == "reverse" ? "":  "reverse";
		]]></attribute>
	</button>
</zk>