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 AMlinkForm jsp
44guest141.101.98.1471tgphirApr 4, 2022 6:21:54 AMlinkresources
index.zulzul<zk>
<window border="normal" title="CA form 12 Direct" style="font-size:25px;">
All servics will be covered under this head
<div style="font-size:20px;">CA form 12 </div>
<div>
<label style="font-size:15px;">Organisation Name</label>
<textbox width="98%"/>
<label value="Trading name(if different)"/>
<textbox width="98%"/>
<div>
<hbox align="center" pack="left" hflex="1" vflex="1">
<label style="font-size:20px;">Address requiring approval</label>
</hbox>
</div>
<div>
<vbox align="left" pack="center" width="100%" >
<div>
<hbox align="center" pack="left" hflex="1" vflex="1">
<label value="Appartment or Building number" />
<textbox constraint="no empty" width="100%"/>
<label value="Street Name"/>
<textbox constraint="no empty" width="100%"/>
</hbox>
</div>
<div>
<label value="Landmark"/>
<textbox constraint="no empty" width="25%"/>
<label value="Area"/>
<textbox constraint="no empty" width="25%"/>
</div>
<div>
<label value="State"/>
<listbox rows="1" mold="select">
<listitem label="Arunachal Pradesh"/>
<listitem label="Andhra Pradesh"/>
<listitem label="Delhi"/>
<listitem label="Punjab"/>
<listitem label="Uttar Pradesh"/>
</listbox>
<label value="District"/>
<textbox constraint="no empty" width="25%"/>
</div>
<div>
<label value="City"/>
<textbox constraint="no empty" width="25%"/>
<label value="Pin Code"/>
<textbox constraint="no empty" width="25%"/>
</div>
<div>
<label value="Country"/>
<textbox constraint="no empty" width="25%"/>
<label value="Telephone"/>
<textbox constraint="no empty" width="25%"/>
</div>
<div>
<label value="Fax"/>
<textbox constraint="no empty" width="25%"/>
<label value="Email"/>
<textbox constraint="/.+@.+\.[a-z]+/: Please enter an e-mail address" />
</div>
</vbox>
</div>
</div>
<label style="font-size:20px;">Documents to be uploaded for Direct Approval.</label>
<div>(a) Regulatory authority approvl(if held) along with MTOE</div>
<button label="Upload" upload="true">
</button>
<div>(b) In case, the organization providing the theoretical type training is not approved/or if the training is to be conducted off-site, a detailed procedures describing how the type training shall be delivered
</div>
<button label="Upload" upload="true">
</button>
<div>(c) The i) course content, ii) the duration of the theoretical and/or practical elements iii) a document to substantiate and demonstrate that course content meets the requirements of Appendix III to CAR-66 and iv) the Training Need Analysis(TNA);</div>
<button label="Upload" upload="true">
</button>
<div>(d) The teaching methods and instructional equipment;</div>
<button label="Upload" upload="true">
</button>
<div>(e) The material and documentation provided to the student;</div>
<button label="Upload" upload="true">
</button>
<div>(f) The qualification and credentials of instructor, examiners and/or assessors, as applicable;</div>
<button label="Upload" upload="true">
</button>
<div>(g) The examination and/or assessment procedure, as applicable.</div>
<button label="Upload" upload="true">
</button>
<div>(h) CAR 145 approval with inclusion of relevant aircraft type for conducting the practical elements of training along with evidence of availability of the specific aircraft type for the proposed training dates.</div>
<button label="Upload" upload="true" >
</button>
<div>(i) Working arrangements, if any, made with organization appropriately approved in accordance with CAR 145 with date wise details of aircraft availability, location, practical trainig instructor, tasks to be performed, assigned man-hour, time, work order issued by CAMO with respect to all practical tasks to be performed in accordance with Appendix-III of CAR 66 and re-certification of aircraft.</div>
<button label="Upload" upload="true">
</button>
<div>(j) The documentation and records to be provided to the student to justify the satisfactory completion of the training course and related examination/assessment.</div>
<button label="Upload" upload="true">
</button>
<div>(k) Designation training coordinator</div>
<button label="Upload" upload="true">
</button>
<div>(l) Commitment from the organisation that the access to training facilities is extended to DGCA for audit.</div>
<vlayout>
<button label="Upload" upload="true">
<attribute name="onUpload" >
org.zkoss.util.media.Media media = event.getMedia();
if (media instanceof org.zkoss.image.Image) {
org.zkoss.image.Image img = (org.zkoss.image.Image) media;
if (img.getWidth() > img.getHeight()){
if (img.getHeight() > 300) {
pics.setHeight("300px");
pics.setWidth(img.getWidth() * 300 / img.getHeight() + "px");
}
}
if (img.getHeight() > img.getWidth()){
if (img.getWidth() > 400) {
pics.setWidth("400px");
pics.setHeight(img.getHeight() * 400 / img.getWidth() + "px");
}
}
pics.setContent(img);
} else {
Messagebox.show("Not an image: "+media, "Error", Messagebox.OK, Messagebox.ERROR);
break; //not to show too many errors
}
</attribute>
</button>
<image id="pics" />
</vlayout>
<div style="font-size:20px;">Name and Position of Accountable Manager</div>
<div>
<label value="Name"/>
<textbox width="25%"/>
<label value="Position"/>
<textbox width="25%"/>
<label value="Number of Employees"/>
<textbox width="25%"/>
</div>
<button label="Submit" >
</button>
</window>
</zk>test.zulzul<zk>
<window border="normal" title="hello" apply="pkg$.TestComposer">
<div>Welcome to ZK Fiddle , run it right now!</div>
<button id="btn" label="Click Me To Evalute Event Binding With Composer" />
</window>
</zk>