<zk>
	<style>
		.profile { width:60px; height:60px; } .p-data { padding-top:5px;
		}
	</style>
	<separator />
	<label tooltip="msg" value="Hover here to see the real label"></label>
	<separator />
	<separator />
	<listbox width="500px">
		<listhead>
			<listheader label="Operation" width="200px" />
			<listheader label="Contants" sort="auto" />
		</listhead>
		<listitem tooltip="msg">
			<listcell label=" Mouse hover - tooltip " />
			<listcell>
				<hlayout>
					<vlayout class="p-data">
						<label value="Male" />
						<label value="[email protected]" />
					</vlayout>
				</hlayout>
			</listcell>
		</listitem>
		<listitem popup="msg">
			<listcell label="Click - popup" />
			<listcell>
				<hlayout>
					<vlayout class="p-data">
						<label value="Female" />
						<label value="[email protected]" />
					</vlayout>
				</hlayout>
			</listcell>
		</listitem>
	</listbox>
	<popup id="msg" width="300px">
		<vlayout>
			This user is online now !
			<toolbarbutton label="Mail him/her" />
		</vlayout>
	</popup>

	<zscript>
msg.addEventListener("onOpen", new EventListener() {
	public void onEvent(Event e) {
		if (((OpenEvent) e).isOpen()) {
			Thread.sleep(2000);
		}
	}
});
</zscript>
</zk>