Suggested case list:
Using timer to refresh a grid
383guest172.69.33.12125nk0uiMay 7, 2020 7:23:47 AMlinkuser model to move item to another listbox
120guest162.158.193.148d0n3krApr 2, 2020 5:28:28 AMlinkDisabled list item row passed to VM-1981
296fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:44 PMlinkDisabled list item row passed to VM-1981
295fatih123160.83.36.13025nk0uiFeb 13, 2018 4:25:16 PMlinkDisabled list item row passed to VM-1981
294fatih123160.83.36.13225nk0uiFeb 13, 2018 3:30:44 PMlinkgrid sample with ListModel/RowRenderer
816guest80.82.2.1312vah9ajFeb 21, 2017 11:42:21 AMlinkgrid sample with ListModel/RowRenderer
809guest175.98.113.1622vah9ajJan 26, 2017 9:19:33 AMlinkgrid sample with ListModel/RowRenderer
196guest79.185.142.402vah9ajApr 26, 2014 10:53:57 PMlinkgrid sample with ListModel/RowRenderer
195guest79.185.142.402vah9ajApr 26, 2014 10:53:54 PMlinkgrid sample with ListModel/RowRenderer
194guest79.185.142.402vah9ajApr 26, 2014 10:53:51 PMlinkgrid sample with ListModel/RowRenderer
193guest79.185.142.402vah9ajApr 26, 2014 10:53:48 PMlinkgrid sample with ListModel/RowRenderer
192guest79.185.142.402vah9ajApr 26, 2014 10:53:44 PMlinkgrid sample with ListModel/RowRenderer
191guest79.185.142.402vah9ajApr 26, 2014 10:53:40 PMlinkHierarchy table without using ZK PE/EE
1aaknai151.28.135.2131s871daJul 29, 2013 11:02:46 PMlinkgrid sample with ListModel/RowRenderer
128aaknai151.28.135.2132vah9ajJul 29, 2013 7:20:00 PMlinkuser model to move item to another listbox
1TonyQ114.25.109.94d0n3krApr 21, 2012 10:43:27 AMlinkUsing timer to refresh a grid
1TonyQ220.133.44.3725nk0uiFeb 17, 2012 3:17:34 AMlinkFire a event from child iframe
1TonyQ220.133.44.372eupjotFeb 3, 2012 5:04:52 AMlinkTextbox input restriction sample
1TonyQ72.21.245.2431b3nlr0Dec 20, 2011 10:09:10 AMlinkTest web core taglib in ZUL
1TonyQ198.203.175.175ofqkemDec 17, 2011 3:36:08 AMlinkLatest 10 Fiddles :
constraint binding textbox
3guest172.68.151.16220peldaDec 5, 2025 5:08:19 PMlinkAnother new ZK fiddle
2guest172.68.151.16320peldaDec 5, 2025 5:07:51 PMlinkAnother new ZK fiddle
1guest172.68.151.16220peldaDec 5, 2025 5:07:32 PMlinkAnother new ZK fiddle
1peggypeng172.71.154.99364f4neDec 5, 2025 9:24:31 AMlinktooltip example
2guest104.22.23.13rc1ntoDec 4, 2025 2:23:45 PMlinkAnother new ZK fiddle
1guest172.69.134.2277t7602Dec 4, 2025 1:40:46 PMlinkAnother new ZK fiddle
1peggypeng104.22.17.1802df6e3oDec 4, 2025 8:41:29 AMlinkonClose
1peggypeng172.68.87.248j8kd8aDec 3, 2025 4:10:26 AMlinkAnother new ZK fiddle
1peggypeng172.69.134.2271rm7f4eNov 26, 2025 3:31:24 AMlinkZK-5912-Suggestion
2rebeccalai104.22.20.1442qrmiiuNov 26, 2025 2:07:15 AMlinkResize Window
4guest118.97.48.34158j1fuMar 20, 2015 12:35:01 PMlinkresources
index.zulzul<window border="none" id="winBankCategorySetup">
<groupbox mold="3d">
<caption label="${labels.que.testBankCategorySetup }">
<div style="display:inline-block">
<a image="${labels.image.link.help}" forward="onDownloadUserManual()" tooltiptext="${labels.common.downloadUserManual}" />
</div>
</caption>
<div id="divNavigationBox" use="com.fif.hcms.core.ui.NavigationBox"/>
<grid sclass="form-entry">
<columns>
<column width="180px" align="right" valign="top" />
<column />
</columns>
<rows>
<row>
<hbox>
<label value="${labels.que.questionCategory }" />
<label value="*" style="color:red" />
</hbox>
<textbox id="txtQuestionCategory" width="50%" />
</row>
<row>
<hbox>
<label value="${labels.common.description }" />
<label value="*" style="color:red" />
</hbox>
<textbox id="txtDescription" rows="3" width="50%" />
</row>
<row>
<label value="${labels.que.searchQuestion }" />
<a id="linkFind">Find Question</a>
</row>
</rows>
</grid>
<button id="btnOk" label="Ok" />
<separator></separator>
<div use="com.fif.hcms.core.ui.SummarizeErrorBox" id="divErrorbox" />
<groupbox id="grbQuestion" visible="false">
<caption label="${labels.que.typeEachChoice }" />
<grid sclass="form-entry">
<columns>
<column width="180px" align="right" valign="top" />
<column />
</columns>
<rows>
<row>
<label value="${labels.que.activatedQuestion }" />
<checkbox id="chkActivatedQuestion" label="${labels.que.active }"/>
</row>
<row>
<hbox>
<label value="${labels.que.question }" />
<label value="*" style="color:red" />
</hbox>
<vlayout>
<hlayout>
<checkbox id="chkQuestion" label="${labels.que.text }" />
<textbox id="txtQuestion" rows="3" width="350px" />
</hlayout>
<hlayout>
<checkbox id="chkImage" label="${labels.que.image }" />
<hbox>
<textbox id="txtImageBrowse" />
<button id="btnBrowse" label="Browse" upload="true, maxsize=-1" />
</hbox>
</hlayout>
</vlayout>
</row>
<row>
<label value="${labels.que.isNaration }" />
<hlayout>
<checkbox id="chkIsNaration" label="${labels.que.active }" />
<grid>
<columns>
<column label="${labels.que.narationName}" />
<column label="${labels.que.sequence}" />
</columns>
<rows>
<row>
<listbox mold="select" id="lstNaration">
<template name="model">
<listitem label="${each.narrationName}" value="${each.narrationId}" />
</template>
</listbox>
<intbox id="intSequence" />
</row>
</rows>
</grid>
</hlayout>
</row>
<row>
<hbox>
<label value="${labels.que.theTypeOfAnswer }" />
<label value="*" style="color:red" />
</hbox>
<listbox mold="select" id="lstAnswerType">
<template name="model">
<listitem value="${each}" label="${each.value}" />
</template>
</listbox>
</row>
<row>
<label value="${labels.que.randomizedAnswer }" />
<checkbox id="chkRandomizedAnswer" label="${labels.que.active }" disabled="true" />
</row>
<row>
<label />
<hbox pack="center" align="center">
<cell align="left" style="width:1250px;">
</cell>
<cell align="right">
<button label="${labels.que.deleteQuestion }" id="btnDeleteQuestion" />
</cell>
</hbox>
</row>
</rows>
</grid>
<groupbox closable="false" id="groMultipleChoice" visible="false">
<caption label="${labels.que.displayChoiceUsing }" />
<radiogroup id="rdgDisplayChoice">
<radio label="${labels.que.multipleChoice }" value="MULTIPLE" checked="true"/>
<radio label="${labels.que.multiMultipleChoice }" value="MULTI_MULTIPLE" />
</radiogroup>
<separator />
<listbox id="lstChoice" checkmark="true" use="com.fif.hcms.core.ui.tabularentry.TabularEntry">
<listhead>
<listheader label="" width="30px"/>
<listheader label="${labels.que.choice}"/>
<listheader label="${labels.que.image}"/>
<listheader label="${labels.que.correctAnswer}"/>
</listhead>
</listbox>
<hbox>
<button label="${labels.common.addRow}" mold="trendy" id="btnAddRowMultipleChoice" />
<button label="${labels.common.delete}" mold="trendy" id="btnDeleteRowMultipleChoice" />
</hbox>
</groupbox>
<separator height="5x"></separator>
<groupbox closable="false" id="grpRatingScale" visible="false">
<caption label="${labels.que.setupRating}"></caption>
<grid sclass="form-entry">
<columns>
<column width="180px" align="right" />
<column width="400px"/>
<column width="100px" align="right" />
<column />
</columns>
<rows>
<row>
<hbox>
<label value="${labels.que.numberRange}" />
<label value="*" style="color:red" />
</hbox>
<listbox id="lstNoRange" mold="select">
<template name="model">
<listitem value="${each}">
<listcell label="${each}" />
</listitem>
</template>
</listbox>
<hbox>
<label value="${labels.que.rangeText}" />
<label value="*" style="color:red" />
</hbox>
<hbox id="hboxRange">
<textbox id="txtRangeLow" width="70px" maxlength="20"/>
<textbox id="txtRangeAverage" width="70px" maxlength="20"/>
<textbox id="txtRangeHigh" width="70px" maxlength="20"/>
</hbox>
</row>
<row>
<checkbox id="chkShowNa" label="${labels.que.showNaOption}" />
<textbox id="txtNaOption" disabled="true" maxlength="100"/>
<label />
<label />
</row>
</rows>
</grid>
</groupbox>
<separator height="5px"></separator>
<groupbox closable="false" id="grpSingleLine" visible="false">
<grid sclass="form-entry">
<columns>
<column width="30%" align="right"/>
<column />
</columns>
<rows>
<row>
<hbox>
<label value="${labels.que.maximumNumberOfCharacters}"/>
<label value="*" style="color:red" />
</hbox>
<intbox id="intMaxChar" maxlength="3"/>
</row>
</rows>
</grid>
</groupbox>
<separator height="5x"></separator>
<groupbox closable="false" id="grpYesNo" visible="false">
<grid sclass="form-entry">
<columns>
<column width="180px" align="right" />
<column />
</columns>
<rows>
<row>
<hbox>
<label value="${labels.que.defaultValue}" />
<label value="*" style="color:red" />
</hbox>
<listbox id="lstDefaultValue" mold="select">
<template name="model">
<listitem value="${each}" label="${each.value}" />
</template>
</listbox>
</row>
</rows>
</grid>
</groupbox>
<hbox pack="center" align="center">
<cell align="left" style="width:1250px;">
<button id="btnPrevQuestion" label="${labels.que.previousQuestion }" mold="trendy" />
<space width="20px" />
<button id="btnNewQuestion" label="${labels.que.newQuestion }" />
</cell>
<cell align="right">
<button id="btnNextQuestion" label="${labels.que.nextQuestion }" mold="trendy" />
</cell>
</hbox>
</groupbox>
<separator />
<hbox pack="center" align="center">
<cell align="center" style="width:1250px;">
<button id="btnSave" label="${labels.common.save}"
mold="trendy" image="${labels.image.link.save}" />
<space width="20px" />
<button id="btnDelete"
label="${labels.common.delete}" mold="trendy"
image="${labels.image.link.delete}" />
</cell>
<cell align="right">
<button id="btnCancel"
label="${labels.common.cancel}" mold="trendy"
image="${labels.image.link.cancel}" />
</cell>
</hbox>
</groupbox>
</window>