23.12.2012 Views

ZK Developer's Guide

ZK Developer's Guide

ZK Developer's Guide

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

Getting Started with <strong>ZK</strong><br />

An example for defining a custom-attributes element is as follows:<br />

<br />

<br />

<br />

This is the same as:<br />

<br />

<br />

self.setAttribute("test", "simple");<br />

<br />

<br />

It's possible to use the scope attribute:<br />

<br />

<br />

<br />

This is the same as:<br />

<br />

<br />

desktop.setAttribute("test", "simple");<br />

<br />

<br />

The custom-attributes element supports conditional evaluation with if and<br />

unless, too.<br />

Layout Techniques<br />

If we talk about UI, we have to talk about the layout of the pages. There are some<br />

elements that help you in the layout of a <strong>ZK</strong> page.<br />

Some important elements are:<br />

•<br />

•<br />

•<br />

•<br />

vbox<br />

hbox<br />

box<br />

grid (in conjunction with: columns, column, rows, and row)<br />

An example for using div and vbox elements is as follows:<br />

<br />

<br />

[ 34 ]

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!