ZK Developer's Guide

Creating Custom Components
The result is shown as follows:.
Another solution for defining the layout of a control is to externalize the style
definition (instead of using the style attribute). With this solution, we have the
benefit of being able to reuse the style definition. The definitions from the external
stylesheet could be used with the sclass attribute.
To provide the definition, we can either embed the style directly into the ZUL page,
or include an external CSS file.
External variant:
.simplelabel
{
padding:2px;
color: black;
font-weight:bold;
}
The mentioned path (/css/sample-styles.css) is relative to the web application.
Embedded variant:
mylabel
{
padding:2px;
color: black;
font-weight:bold;
}
[ 140 ]