Berikut adalah contoh componen pada zkoss
1. Button
<vbox>
<button label="Left" image="/img/Centigrade-Widget-Icons/ArrowLeft-16x16.png" hoverImage="/img//ArrowLeftGreen-16x16.png" width="125px" />
<button label="Right" image="/img/Centigrade-Widget-Icons/ArrowRight-16x16.png" hoverImage="/img//ArrowRightGreen-16x16.png" dir="reverse" width="125px" />
<button label="Above" image="/img/ArrowUp-16x16.png" hoverImage="/img/ArrowUpGreen-16x16.png" orient="vertical" width="125px" />
<button label="Below" image="/img/ArrowDown-16x16.png" hoverImage="/img/ArrowDownGreen-16x16.png" orient="vertical" dir="reverse" width="125px" />
</vbox>
2. Date & Time
Calendar:<calendar/><separator/>Timebox: <timebox id="tb" cols="14" format="a hh:mm:ss" onCreate="self.value = new Date()"/><separator/>Datebox: <datebox id="db" cols="20" format="yyyy/MM/dd a hh:mm:ss" onCreate="self.value = new Date()"/><separator/>
3. Checkbox & RadioBox
Baca juga artikel yang berkaitan :
- Componen, Fungsi & Event Framework zkoss - III [ Bandboxes - Comboboxes ]
- Componen, Fungsi & Event Framework zkoss - IV [ Inputbox ]
- Componen, Fungsi & Event Framework zkoss - V [ WYSIWYG Editor ]
- Componen, Fungsi & Event Framework zkoss - VI [ Tabboxes - Splitters ]
- Componen, Fungsi & Event Framework zkoss - VII [ Listbox ]
- Componen, Fungsi & Event Framework zkoss - VIII [ Gridbox - I ]
- Componen, Fungsi & Event Framework zkoss - VIII [ Gridbox - II ]
- Componen, Fungsi & Event Framework zkoss - IX [ Tree - I ]
- Componen, Fungsi & Event Framework zkoss - IX [ Tree - II ]
Reference : https://www.zkoss.org/zksandbox/#g2