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 AMlinkAnother new ZK fiddle
2guest63.118.154.662g6p062Jan 17, 2017 4:46:19 PMlinkresources
index.zulzul<?xml version="1.0" encoding="UTF-8"?>
<zk xmlns:h="xhtml" xmlns:n="native" xmlns:w="client" xmlns:zk="zk">
<!--
If "Shrink To Fit Page Width" is checked Scale: is disabled
-->
<style>
.z-combobox-input[readonly]{
background: #fff;
border-color:rgb(169, 169, 169);
}
.z-combobox-button{
border: 1px solid rgb(169, 169, 169);
border-left:none;
}
.hideztext .z-comboitem-text {display:none;}
.hideztext .z-comboitem-image {margin-right:-4px}
.P810, .L810, .P8514, .L8514, .P1117, .L1117 {
margin:10px;
background:#fff;
position:relative;
border:#000 solid 1px;
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.15);
}
.P810 {height:240px;width:192px}
.L810 {height:192px;width:240px}
.P8514 {height:336px;width:204px}
.L8514 {height:204px;width:336px}
.P1117 {height:408px;width:268px}
.L1117 {height:268px;width:408px}
.custom .z-doublespinner-input {width:40px;}
.m {
position:absolute;
border:#ccc solid 1px;
background-image: url("data:image/gif;base64,R0lGODlhpAGkAdUhAO7u7u/v7/39/f7+/vDw8Pr6+vn5+fHx8czMzPf39+jo6OLi4urq6vj4+Ofn5+Pj4+bm5uTk5Onp6fX19fT09PLy8uXl5evr6/v7+///6v//9f//9vPz8+zs7Pb29u3t7f///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMTEgNzkuMTU4MzI1LCAyMDE1LzA5LzEwLTAxOjEwOjIwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTEzM0Q4QTE3MTJGMTFFNkFDMjRDOTAxMjIyQzg4MkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTEzM0Q4QTI3MTJGMTFFNkFDMjRDOTAxMjIyQzg4MkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMTMzRDg5RjcxMkYxMUU2QUMyNEM5MDEyMjJDODgyQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMTMzRDhBMDcxMkYxMUU2QUMyNEM5MDEyMjJDODgyQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAACEALAAAAACkAaQBAAb/wJBwSCwajyEEcskUKpvQ4jNKnVKh1iszq0Vyu8YvmCgeO83Lslk9ZqPfUnhYHqcP3V28Vn/lV+13gGeCflGFWIKJg4CHTY1biY9pkZSElYyXdpKKXpl0m0egc5akmKWannKidZyop5+pcKtksW+zga+qtWi3rb1Ju2vBbcNgv8fFecmtf7myy33QzabUrtWwzszE2bzSht6I3MLi29e6kQjp6uvs7e7v8PHy8/T19vf4+fr7/P3+/wADChxID5wjg5DIGUM4SaEyh3sYaqMFMVrFadYyYjP37OI3jxNDSRQJ8mDJhBxtjRyVsltIlScbthw3s5zGczUXxuz00mXO/4c/I+4kGdRiUYwbb/Y0qhTm0Y9Pw0U1ORVlU59LgV6ludVm0q84u+qsKlNsVqJmhZLluRYt2I5tWaZlqomg3bt48+rdy7ev37+A2YEYTLiw4cOIQWTQkLixY8WMH0suvHiyZciXJ1fO/Hgz58aePyMOLdow6dKET6PGvNr0htauYVOWXfiDB9qDbeMGoRt3b9q/ZQeHPbx18dXHUScvvVz0hwS7n0ffzfu2b+vAsQvXTpy7ce/IwSsXz5y8c/Ofm6eH7ps9cOrqOcfPPP9yfcv3J+eXvP9xf8f/NRZgYgMiJl1700WHnnwL0tegfQ/iF6F+E/JXoX8XApihgBsS2P+hge4JFyJx8H14WIEnmmgYiiuqWJuLhLH4ooI0XhfdiMbhiFyJNWbX43Y/dhfkd0OGd+ORvgmg5JJMNunkkwJ0QAGUVFYZ5ZRWZsmklFp2eaWXWnIJppVijkllmWY+iWaaTa7J5pJuvvmlnG1OQGedd275QQd89unnn4AGuoADgRZqqJ+DHqqooIQu6iifiT7qaKSSKkpppYZeiimjmx6qaaeINgoqoJ+O2sECCphKaqqqIjrAq7DGKuustA7QwQS15qqrrbju6must/4qLK/D/hpssbsei2yuyi5La7POygpttLBOSy2x10rrQbbacgssjzaG66O4QJIrpLlEoov/nI7KscscuOPGW66859Kbrr1Gqtsuku8VOZ6/5QF8nsDpwZibwdURLJ+7zjGcHrzzRlyvxPdSnC++/+rLnMMLJ6jxwB8XrLCDI0NYsoQn68cxfSvbB/HEMFcc88UWZ4xxwCF3jKBv1BFQwG4+A/0zbkETPTRtRSN9tGxJM700bE1D/XRrBGAAtNVEBwDA1lx37fXXYD8gAdhkl9212GanHfbYare9Ndputw133GnPTXfZdt+9tt5m58332Wz//bXfggNAuOCH//0ABRw07vjjkEcuOQQfSG755Y9Tjvnmk1fO+eeNaw7656KPvnnppl+Oeuqds4756q5n7nnskcNO/zsHttOee+wQUBeAAbv9HjzwuAlfPPG0GZ888rIp3zzzsDkfPfStBTD1atYH/7LM3NM8s80143wzyOOvx69w23vfPfjfix8++e+LnDPL55OYsoX3Y5i/hvtz2L+H/wNR/YyTPvatz33tg18C5Vc+BgXwRC3DTwT1U0AEHlCBF2Rg/Bw4P5N1UIID3FHwGjDCEhaPhCc0YfJQuEIVNo+FLxyeDIvngRra8IY4zKEOPaCAAOzwh0DkoQ+DSMQb9rCISBRiEot4xCUGsYlO/CEUo6jDKVIRh1a8og2zqEUldhGLQ/ziFsMoRh4C4ANoTKMa18jGNj5AAW2MoxzV+MY52v/RjXC8ox7RWMc96rGPfrQjIAMpx0ESEo+HnKMhE0nHPDKSjYt85Aci+UhKMvIBPbseaqJGNU2WhpOrAeUmPSkaUX6SlJ8xZSlRyRlVphJrSIMl0yqIQfXZ0oC3tGAua4nLXm4shMqhpQYXyMEGkuyDFHpgi5RZmwnyx5n+EWYxN3hMY3rQmihDJv606R9oAsibApJmNal5TXJmE5vJ5Cb/1CkgcBLInQYSZzmJOU56zjOD07TnOc2pMmC+i5kxQpiMAgrQgxU0YewEYEIFuLN+4QYA8DwMRHcz0YdG1DAVpU1GZbNR2HS0NR9dTUhRM9LSAACGHkUpSPfUqj6ValT/LwVVTDs1003VFFM3rVROJbXTR/V0UqJq6U8XhaqWupRVRl1AAZbK1KY69alQLQADKhDVqlpVqlS9qlabOtWtehWrX91qV8N61bGStapmPStU06pWp7K1rUx9K1zBOle3cqCudsUrV6lTUtH09TN/5UxgMzPYyxTWMoedTGIls9jHNNYxj23MSSmqUpHKc5/6TCc6t7lZ/S00RQc9EHAuWpvLapafnEWtZzu7Ttb677MrIm2MZJsb06Y2s7fFZz11e89dDpO3IGwo+kIr0OIS97iwnVFyZ+tP59h2taptbXRf61qFVtdAxhUucWjLm0wK7btGA6/SxOs08krNvFST/yXU1Eu1AxDgvfCNr3znS98IMIC++M1vfO2r3/7W977+DfB7+SvgABO4wP09MILzq+AF/9fB+m0whPcL4AnPV8IWJkAELpDhC3O4w/utwAFGTOISm/jEKLbABVDM4haXWMUujnGKVyzjGo8YxjauMY5zHOMd87jFPv7xjIXs4iAT+cU0PvKJjazkA1igA01eMpSj/GLvhvfK48VyebV8Xi53Er2hZG+YgfZc6eIWumc2M3BPm2bqTvedzX0Ycq8L2uUa1M4IpfMy8SxaEXlMz8oFNEH5nF1B39nQefazdgk45zdjt9Fttq6j64zoPm/3z5Pec6ULnelAd3rQm46zzv8cqlHuRjYxp0ZMqiVq6lZT1NUWfTVlZ/1QA9j61rjOta53bQAGHIDXwA52r38t7GLj2tfGTvawlW1sZDNb2M5+NrCjLe1dU7vaub42tm+t7W0v29vZrgC4wz3uY7M0qUFt1VAtlW5VrdtT7TbVuzMVb5jWW6b3pmm+bbpvnCJVqP9WN18rS1KCm9TgfkU4YBUuWIYT1uGGhThiJa5YijPW4o6lnkg1TtIyuznSjyY0pNecW9+OWtGk/vShVZ5okFOa5QNducs1jfKa20/kOA91zmHO6UsvWoQ7n7mnhQ5qno/c5PT7eTCP7kte6rLpv0V6b6GezxyJmj4elzTRZU7/cjR3Xc1Sx+zX23l1l81weWd/Xtqnt/bqcbw00nN727HHysxkr3hnlOQaUaX3vTuy7x/gO+DRKPjBFx7wh+974vW+eEk2/pGPZ2TkEzn5Q1aekAsooxHJKEYuatHzVwQ9FUUfRdI70fRLRH0SVY9E1jOR819UAAE0X0PZ056HA6e1RjEOWd5L1veoBr6qhS9R4mPU+IWZ7EORTxgAvN2vzwds1kOu8+obPehjh7PS/4n9sLM5+9S/vvW3zhvuWprR3af6br1fcvVP/enwd3rDyo6f6b+c/DFvOfjvv3+a41+g5md+9ud//Td0BVh0/8d08Wc+2+dcc4cacYc90ccZ/xEIgRNodxd4GRUIdxloGRsoGh/4GSFIgXWngSXogYxzO5ADAR2ggivYgi7oOCwYgzIIgzQ4gzSIOzYYgzh4gzvogj3Igz+ogkEIhLPDg0cIhAQQAEzYhE74hFAYhREgAVFYhVbohFN4hVoohVS4hV7IhFn4hV4YhmKohWRYhlZ4hmjIhWt4hWrYhljYhXAIhW84hwFgX3ZIhwyQh08YAVaWZYC4ZYHYZYP4ZV4WSic4Ga7USmK2SY34SQNogOzndZMIdu4ndpX4cQeYGwGIaQmYfgtYdZmodZuof6PIUKPliaWYf6zYc6voiqfIf7EYW/RHQQoof1F3id83i5Koi//tF4pJl4o8c4u5CIzvh4ui6IuUqIyW+EsNKGegiIzrx4yayIsI+Iqh1YlJkidwgiXcGCdvAo5sIo5pQo5mYo5jgo5goo5ewo5d4o5h4o15civcqCT0WI8dcG5C1W86xY885Y8+BZBAZVSQIpBEZZDsRpCngpDwppDzVihFRZARmVTeAiy9UpHWQi0ZGS0b6SwduSwfiSwhWSwjOSwlKSwnaSwX6S0dsC0VaSsuiZGReI3WyHU1aYrUSIo32Yq1+EyquJOwmJPh94njh43PeHI3V5RASYzJaIyYKJSyuC9HiXVMOY1OuYtQSYBLGY0MKIwpR5TiF5ZgOZarqI1faZT/SpmVvXiVvyiNx1iM8zeVZneIowRmdUmXp2SXeYmXq6SXpfSIfwk0WlM4XpM4fGOYeoOYd6OYdMOYceOYbgOZchM4hPk2lFmZkqk2mVk3l0mYm9k3KXiDSUiEo3k7u+M6p8k6qZk6q2k6rTk6rwk6sUk6pak7tck7t4mauamavtOBkzGCGPiAHCicIOibkgGcGmicj4GcHqicjnF3yZOIxzmTNqmWNGmd1cmWy6idzeiWweWVw8WVTemdWMmd1YidOGmeOimV4JmUYomW77mVaameqGhz6Def5NmWcLmf48mfVpmf2xmX7Xmf8YmePCme/+mfb9mfSGl1w5hCENpC/xEaQxMaPcw3GAFwoSCQoS5kocQpgs7ZGLAXeyP6eSUaeic6eilaeit6ei2aei+6ejHaejP6erfnekSEo09Uozmad4NnSYkEpIckpIREpIFkpH6EpHukpH/0d33HpHcEpYLkpHonpYpEpZKESX6ZStL5GIuYGV96GWFqGWOqiF3qGGUqGWnqpWfaGGuKpoD5SmRWlQuaoAxqp3hap3r6lPQJQT0ZTXTKpwDanQoqqIVanoN6ns44oECHn4eqn3e6p4j6qAFKqYTaoOvykwYalH2qlZsaqJMaqd9pn41aoJ26lom6nqd6nauanalanz53lvJpqq8ala2anrXqqbd6fv+Z+qClJmuxFqy/KqwcBWvDeqzFqnscpaFn5JAMSW/OGq0S+awQSa2cMq3Sim7ZCnAOGXDupldclVXgKldwRa5tZa5qha5npa5kxa5h5a5fBa9eJa9iJa56xQB3Ba5Sla/jylfGmqzE6lH/KrDAiqwEG7AgxazMSp24aqmKmquo6rCqCrGsSrGc+KcAwrAH6qiiGqp5aqgdC6nBSKpLh6CSKrInW6khq7If67Ep+00YG06girIg27I067I1+7IPK7Gw6qCy+qkmm7NCi7NEe7NGy7L2YZbhWYiIuKWt1KaJ8aZuCrWIIbVRS7WHYbVVi7WGobVZG6eMCDTuBWLwhWH/Fma2E4a2EKa2Dsa2C+a2CAa3BSa3Aka3BlZhZGu3/rVhZFu2H9a3ESBiVEZiTKZkhXtkh0tkiStki/tjjctjj5tjkWtjk6tjSTa4lStjTza4hDtlnGsBfyiIokuIo2uITHuXp7uXqRuYRAO2YKqxnGqxDbuyl2qzSDu0Rwuzcll/M3u7Reu7ubuztCu8tlu7SRuzBAK7vWu8uAu8zsu8vwu9Prm7thi00Uu8OjuxPGursruxJLuoS0ur26ur3Ru74xuxw6u9mMqe4XuwBgtSAwu/BQuw7ytS8Wu/yppSFFVux0Zs/Ntt2wbA2CbA1UbA0mbAz4bAzKbAysbAyebA/83mv+U2VfxraxRcwQygj+pmraTCwX/ykNeqrdg6wiJcwvu4rermrfKmwjCVe8uXvwkLwyKlsDJccDV8cPubww+lvNYbvOpbvNjbvNL7vGRHvfzBwxwLxD+cvUMJn/intO5JlrMqxUCbxEzsp0YMqD1MxEssxEF8vV0Mxk28k1BMoFS8q+abvmNcxeK7vuAbxU4cx1Msx2z8xMgbTx9KgSGaGMz5m3uMGH18nH98GIG8nINsGIX8nIdcGIksolzLyI9MGFozeISHpZBnyZKHyZSnyZbHyZjnyYF0eaEMyn4kyqVMyntkyqmMynqkyq18e16keToKRLMsRTy6ozd6y/+0rMu2nMu+THu1vEO2B8yzB8wuvHs3nHDJvHDL3HDN/HDPbFiL3HzTPBgAgMRtrMRrjMbL+8XTy6gla8VeHMY+vM3l283k3E13fCLYfMbnvMVDHM/erM5ZnLHobM7nW7H57Kr7PLvazL1d+b0OCM/zLM/pbND4rMYArdDkG9Cx2r5ydzx5HJwSXdFoZ9Fqh9FsVzyRjKEdvaGhKYQ5qIMjXYREOISmidK6o9K8w9Ko6dKqCdOsKdOuSdOwuZusidOuuYR82IR1OIc/DYdB3YZDvYZFjYZHXYZJLYZL/YVNPYZy2NNPvYV42NNguIdWfYehS7pcbbql27R8yaVOC6b/H+21Xeu6YorWZNrOdMzNBH3QBR3X2gfO3CfOYrzQ/9zQDI2+ec3XV0yL9Syzb53Qfa3Pe23Yhc3Ph63YI/vQcDzHkF3Hbf3OlVbGperO/ey9mL3Y/vzXfj2qjm3Gk53ZaZzYnT3OhO3ZiH28gU0g9WiP8ngn8Jgls00msU0ntV0luX0mty0nuw0lv60mvR2Owz2OdoKPx/2NGuxuHhwqKMzczy1vze1S012Q0W1v1y1TLKzdDvmSr5KSvgLeybKS3CLeumLezELe2YLetcLez6Le1+LesyLf3fKSLendHcDWke3Wdl3OeK3aF9vaeDzY/43aBX7Xem3aml2W67wi//ot2ftN2dkM4OXX4KV1zwfu3wlO4Qse4Zlt2eE84Qa+4SP+2Qhu4hqO4lzcs736s/wt4ie+2iUu4zHO2BwO4nX91air46rL430Z1k871mJa1mWt1opo5Go6mJVpmUvONZ+JN51ZOE9ONlO+N01uOFGOOFmuOFt+mF2emF++mGHemGP+mCFthCWt0zed5myeg7PJOW9+Omoum3NOm20umnfOg7050cnJ583p534M6IIs6IYcPB8Nnc3z4C++2Qpe2hwOgBYeI4ou4Yz+6BhO4v0k4Ox86SqO0Bm+4p/u6Zie4jT+zQINjf0N6qOu6p0u16k94zYO6xWu6Q7O6aXO6v+3LuqtDte8/uo1Put0PdASOuwUSuweWqHVo6EciuzYo+zKXs0bCu283MvAPO1VZO05FMzX/suyjO1gxO1lpO3Z7u2bB+6d56OAZ6WFxMpRyu5TSsmT5O5XCu/qHkf1jkiUfO+QJO/rTu/8bu9b7dVdDdarK9ZATtZCTqZEfjUMTzSTTtq2Huu/3uEGiuPCDuOkLvEZf9oT7+iyzooWj+oYj+saT/Icv/EUv+g+e+ry8fCcnfKUPtovD+m0fuEEvuq6nuuuHuo7j/M9v+sszr6PDeFEr/IePvPZGOm1Nb/uS79O3/RQL78Ii79TT1KmRsMPtdzSnd36xvX85vU4Vd3/Cwn2/Uj2PLXdNIX2NqWvS0WvWuX2ZWWveAX3VkX3aCX3dWX3UaX3a4X3c8X3TwX4eaWv+Mr2DOCvTC/19Wv1iU/1i29S98v4Lzz5GuXyjR7xJ2/yMP/hSt9dmL/5SH/zQM/zvY7FwS7ylf7xHt/xn7/6ph7aly3zly/6Ol/6Pm/7ow/Yp9/yrd/7tF/yOQ/8Rbz7VHnwQ57wZor8arrwxq/wys+mDR9LYtu3A4a3IKa3CWb9HYb9Eab9Gcb9DOb9Zyv+aUv+a2v+bYv+b/u3ecv+1y+4n3u5VJa5PSb/UUb/RWb/TYb/QAYEl8OQWDQekRYhktkkKp3R5FJaPUCt/1VLJ6vldqMW0JhcNp/RIEIh3Xar2W95eT23w+/zev6957f9/tACBc0IC8kOEfEWDTEaHSHpJMs+PCjHLDFBNDE7KT8lQyFHG0sXTxFTC1cFPxI2X2M3OS89bUFxRXVJeU19UYFVhVmJXY3/WpNhPZlBaZX5ovOm76rtruey5bbfut2+28LTxtFkm2djkaXXqdut37Hjtee5673vwfPF98n7zZ2JCkgK2r8z5Q4aNINwocJKDskwfKiO4q1YA01hREULgEZEHTeBxCSSEklJJiGhbKRyEcuPHgu5jNkgJM2RBnDm1LmTZ08DDA74FDr0Z1CiR3UCRbq0KFOkSp0Shf8aVehUqj2tXt2ZVWtOrl2bgt1aQezYskk/dFC7lm1bt28XOHg7ly7buHXxwpWbl6/au335/gWMV/BguoUN601cF/Fiu3sdu20cucMCBZQlX8Zsl6PNkp5Pgk4peiXplqY/op5Zk/VI1YIAGAgpe2TBirlu78rda/ev3sEuBvdk22Jx3MZ1I+et3DdzVDBdQU9G/Hj15NaXY2+uHbhzVdKlgadG/Xr57Oa3o+/Ofdjv78KfuS8m/xj9ZBAz4a9lnx1/auKtARAb8s4rMD0D11OvPe/mYzA6+EShJQDaKJlwEwsxwbBCCiXRsEMOIfEwRBAbEbFEEhcJII4KV+wQgA//YIxRxhlprNGyGnHMUcYbdeyRRh59DPIDIIXskcgiczwSSRsVWNLIJp1MEsoomaQSRyWtHHLKLGPE0soFPAhTzDHJLNNMDxQI4Mw12URTzTbhHDPNOOl0s84457yzzTz1XJPPPs38E1AyBR1UzEINtTNRQglYlFFH5eystc8mDa3S0S4tLdPTZuu0Nv/gAVUeUekh1R5T8UEVHAG1YZUbAg+MNUEEF2SvQVvrc3AZCAlSlR9f/QHWHP0kiojYY4U9yFVvlgUH1lllrVXBW6fNFdf7kl2oWXG2JedZaWmlNlxrq8VW1/7O/Y9XUyREERETU3S3EHjflVcQeue19w98/+/Vlw9+9/U3DxUvbDFECjhIWOGFGW7YYQg6cFjiiReGmOKLH44Y440TtpjjjT3++OKQRZ6Y5JIzRpnik1WuWOOWG2YZZg4g+GDmmG2+uWICAujZ55+BDlroCCQQ2uijfyYa6aWHLprpp3tWGuqnpZ566aqtPhrrrJvmGumtvU7a6bCDBpvsACJg4Oyy1V47aVoUQSTuQuYWpO4/7uYj7zz2vqNvO/7Ww+BGApeDgEcwOXwTAr4VN1rHoY0c3MfJHddcULoFKJ10Q+V8VM9LBf1U0VMlfdV1N8p2ItN/ZT1Y14dV3VjZM8lc2c2vRTd3d2jfD/aEei82P9TfGy54ZP9/b+j45ZNfHXPiWWm8csovL1d363lvfnbta4feFQHAD1/88ckvX4AOKDBf/fXPT5/998VHH/7526cffvntZx///NXfn//y/fe/8QVQgOEjYAHrh8ABTkCBC2xg/NKymbVMJjIUdIwFF4PBxGjQMBwcjAcBA8K+iDAwkJEgCfNiGQlOUDMrXMAAYBhDGc6QhjUcQAcmYEMd7vCGOeThD2WIQyAOsYdEBKIQjchDJCZRh0tkYg2d+MQZRlGKMaRiFYuIxSl6QItb7GIQpVc9y11vjNnbXefO+Lk0tsp702HeGkcHx9LJUR9vxF6A2iiNMJKRenyUHOQm98fpCVKMGcn/43jsWEY03lGNjAwdHVsHSXLYTlu4c2QcLznHTNaRe76TZOw6eY7nGS+UyPsk8EqZyD6aUSCHtAbcBreIwvUhlnKrJd1uabdc4m2Xeusl337pt2ACbph6QBwlFJe4AACAmc105jOhGc0HSCCa1bSmM6d5TW1Kk5rb9CYzs/lNb4ZTnNokZzmteU50cnOd11RnO7HZTXhC853zBEA954lPeD4AYTpTWM38+c+cBRSgAaXZQP1ZUIIiVGcKTShDb+bQhkJ0ZhKNKEVhZtGKtutCArsDwP7lUTuAdGAinQNJP2pSOaB0pCp9A0tPWsyVyvSle2SlIhuJ00duMpI8fd0p/yuJDlIC1Xk+BSVRt4fU4aUylJSshFMjYtNF6hSTVNWkVTmpVE8a9XZCjQ9TtSq8rWK1p2T9KVeV59VWDhWtRTXrUdua1LguNaymXOsov1qh1+xrr//q68D++tHAjnSwJy3sSg/70sS6IQCLbUNjOxrZDEFKTm+iLKIMhdlBaRZQnO2TZ/UE2juJtk6kpZNp8WRZSKEWTqzd04u4JKMHbCm2s42tbGnLJdveFka75a1vbwvc2uY2S8LVLXGtZNziIpdKyk0uLBdHUzfMcrrSBYR100Dd60aXu4nD7iC+e4ZkIvOYkmCcKgnpx0CuF5DtHSR738sKqHaPrW9FZV3RC//fQqb3pqvEo1p7Bda5jtW/OS3wTu2b1rDOlxMM/oBUDczfqR64qhS+qoWzOmBR3jVC+XXvfvWr3g+LOL4lBrF8XTkgD5uYxCdmcX8lHOEQw7h4eO3wSBgsE9jkmMch6TGOfRxkILtmUx+JoAtNuBkUEibJmFkyY5pMmScfJsoVrPIFr5zBLG9wyx1s4Qm/rOQCjJnMZTbzmdFcAAZUIM1tdrOa2fxmOZd5zXO2M5zvPOc65/nNe+Zzm/38ZzQHWtBmJnShyXxoRON50YbmQKMdDWk6c+THJan0SS6dkkyvZNMtybFj0wAAUKMBABBGMIbLiuqzJtitqoYrqyPiYAf/m7rCMT61rWs94wnj+sK8Ph2A2bViFw+7xcWm8YiP/eJd15jDAcavgGFNVw3bNdoEfk6KtUHrXutaxshetre7rexwE1tdwE6dd7uLzPAaYt10aHci3j0G7WY33oxQd7rNW15IjNe8ByDAvwEecIEPnOBpI/jBER5wgyec4QNfeMMhToCHR5zhE6c4wi1+8YIzQOMV53jHMf5xkG985AfPeMklfgGUO1zlK1d4BcAQBirEfAo0bwIWbH4EnOe8CDvn+RB8/vOg83zoOS+6zY9O86THfAs/N0LTnf4E6KKb6veuunnrPW/w4nvfWc+6vgkHdllqO8PVFuvZqe3q+04b/9vcmLWwjf1tcd+a23QHt93n7va2e4Psqfa13+ue67sLPu/bHjyz9u4suCeb3HJv/LjjDnnGR56N5lZF31etdgWzHdqab/XfJ5l4cVBayJYuPaZPr+nUc3r1ni7yam5yFq8YRfZf6YrttYL7q+ieKryPiu+dAnymCH8pxH8K7c+yZtnjRPnLZ8CRT9jlD0o/hNQfofVLuEK/YD+F3Gey9ivjfSiDf8pzUaH2z+9CSRGZ/ZRqv6Xej6n4a2r+LXGpG2ITEsy/2vNyNXvaQY//AnDtSEHWLOn/Fs/xKI/wHg/vGpABw0P0vCUBJU8BJ+8CLTADK3ADHTACLS96KLADMf+QAyFwBEVQA0+QBBHvA11h/wiw/6QNATtvADfP7AywvmDQ2gLP8Aqv7HIQ7UJQ71jQjTLk/h7LCNMAplYKCdFACV+KCc/ACRkLCs1ACo9QslikYC4EtnjLS6jEC6MEDJ1EDJeEDJHEDIsEDYVEDYOEDX3EDZ+Et2AEDnWEDpOEsg5FtRzFtdiED/1EDxfFD89EEAMFEBOFEMsEEQnFEDOLETerUfBQASDxstbP/SwR/i5R/jKR/jaRU+rvI6iwDPLvU2ZwB32QBj/PFAHv8E5RFUNvCPUoCHnwAWdxAWvRBEsQBXMRG24wrzjv2YDxF4XRBiXQHFywBn8QAF1RAJf/8QVR0f8MCRYRqRRZcRV70BppsRWrMfOekb5szNk+BAvDsQjFcUTK8UTOMV7S8V3qjWAypJ8I6mUSSh4bih4jyh4rCh8zSh9bRmb20aBohh9Vxh/7USBRRqMyCqP6kWfcxmfMhmweMmwi0msmkmsqMmsu0moycmo2Emo6kmrGpiE/kmnSpiEdsm1MMgKmzupYEuu4jnC87iVlKSavbt/ETm5ukm6OMRW3kRl70hmbERm7UQd/Mqi+Mdio8Rq5MSh5Uil90imBsiifqhgPYiehcSiBMCmzERttURsfRBpfSRa9ciuXUiqvkinP0ixjMBqP8tyCUQbfMhnFkivLrS0v/28uyxIqhRIt1xIrlVEtG4wqF+KB4sd9CPOACggxBUgx/4cx+ccx8wcy7Ucy6Ycy58cy78cwHwiHCBN8OLMzOwD6lEz8qIz8SNP8TlMx0C81JYM126L8VBPJTJP8wszJalPKviiIfCg3r6iKelOKfvOJgpOJhjOJitOIjpOIknOIlvOIdvOLOoCLcvOGpJM3rbIv+ZIo9bIpyfIpuzMqtzPWBLMSrlM7v3MvATMr49Ivx1M8cZA9tbIr6VIXb5E+x1I+X9EuQTA+cbE+VfA++xNA7XM+/5Nb2jMTylM9h1Eu+XNA83JXwFLFGrRAHxQ/vdNCwfM8uRNDjbLZkLIlu/9OJm1JRHGJRHXJRHkJRfUmJ+2GRfFmmezpmfSpnWZ0nWoUnW60nHJUnHb0m3p0nOQpRsEpSIX0R7fJSM2JSGMUSd0JHh8KIBGyHxVyIKf0IKu0ZKKUSqH0SkUmS610S8HUoLwUSzmKHM10Q9YxX9K0X9Y0YNr0X9qxHRP0L8MTO9OTTjU0Les0MCM02/DyQgOUQFNwUHeRUP3TUH9NP1vwTzOUQzc0UCsUUgHVQSeVFw+UE+aUUdFzTxUULjWsF29sPbOzUxlUVO/0UjcMHENk1KKQVavQVcsAsjIEVslAVvXqQmh1DGy1Q3IVBHbVHM+0Q/AwTBSxsoa1WPPwWB3/sbOW9bOaNbSedbSitbSm9bSqNbWU9Vi5MLiYK0qcq7m61Um+1VvDdUnGVVzLFUnO1VzTtUjWVV3bVUje1V3jNUgeYCVdsiZhUkWBiV+FyV+JCWCNaXFcVG8ydUIRVVALdWEPlWEF1FL79FU09VEptVEl1WIrdlPz1E6/UlGJ0FQ5FU8dVU831jxHlmMh1GNjEWEdVmEb9mUfNmEjNWMpFmJVdhpBtmRJFT5z9mRNti491C0XlGeHdlRF9mI11gNvNiyHzPSaFvWeVvWilvWm1vWqNjVeDzZE08lc8zFmczW/VjbBdmzFtmyjjzbRFv0kjc7ibG0VDdHettDiVtDm//bP6pbP7jbP8vbO9tbO+lbP2lbSGODR1lbNCNdtSe9qY6LTXqL1Gldxd8xxFzdr/0DU9G9iSdZnd9ZoMRdllTZo75JlYdZlY7ZlZ5ZCK1VmU1cIl1ZCexZpa1Z1MRZ1Z1d2kxZ23bN1/VR0S3d0T9d2Y9d0V9d3hzdRQXc/X5dmMxd3PZd5f1Z5mxd6+VR3JVZfZ1JgDYcmQXRfrXdEu7dEE6dg+UZ8/cbfXA7gTq7k0nfk1hfk2rfj3lfj4vfi5pfi6jfi7hfi8rfh9rfiWu58Uw6A/y0CYC7qgG7mnG7pwECBu4CBs8CBrQCCtQCBhY6Cic6CjQ6DkU6Dle4LDP8Y6j4YX0P0e0+UhFPUhH0Je2lJhaeLfAHHhfXgYJOXdm9Xejf3VCN2BX3RU3m4VIsWhxcMVWX4h0O2c5+XhoNXh493UXmXdJ34d4W3dqO4hpF4ef+LevnOiG+4iJsYiolXipW4AA+Qap22jKHWjKUWjcn4jNk4jTHxjVNi+ZgP+crC+I7CjqWCjsUCj4eCj6tCj8HCj31CkLECkG/PkHOPLJxPkWtva6WsaycIkrcvbM+WbCvZbEeTkjMZ/W6zgjr5gioRjjlRlD2xE7H2E2HPlFP5JEKRDEaxJIa4h4lWljm3qYRYi4/WhnO5iqOXl4+48rBY8bq4eJ+YmL24d5H/uZjBOJnzc4k/loh1dpeB14p9eYt1FlRV1YdpGYihWXOlmXWdeWVneJp7mZx/eYqTmJmNeZ27KphH701LCp5TSp5bip5PqpV1FZ99VZ+tMAnjdAvlUEsC2g6vpF7f0KDjUA4JukoUGqHr0KGlZKAhuqAleqCHVVEu61pbS6P3hKP70KP/MFsjEaQHkaQLUaQvaxJXS6X3MJQ1kZRPWZVho1ctF5VnmnL5oKZLQp9f+SRiWZuBepaDelSx+UO72Xmt2ZtxOXiKWmi3mYvHGZ2p2ZyTGmjF+D1rOaq/mIqp+pu3Op0NNIeFWavVeZmVmaulupzT+py/OnfDGWfHEU2D/xVY5bqu4/qu6Rqv0TFD/vkdodQgsRSwu1SwP4YgB5KwOcawDxKxQYaxMUaxA/uvw3ShoJQhUzIk3WYkrwaz10azv4azz8aztQa0IZK0JdK0KRK1LVK1MRIlRdK1M1uEuXd7rxeF+9W2/xW3A1a3BzZ8F+enhTq4s/qobbipQ5eszxqsjzm5p3qtq7q4b3mYzXq5qZud0bqt1Rq72dp4r3qHh5qbnzqal1qsw9q7hRu8vxuqibuajRt517urxxu5q3u6NYe8yaEzPVMzGwgz34e/9Ue/Fci/10fA+wfAEYjAzQfBAcjAE5PBF5OBQBPCD9ORrUyTudbCHxnDK9ySN/8Zky+ck9PWhaYThprzh0pciZ6zi058h1a8iVJci1rchmIcil4ci2achm7ci6YzOke8A4B7uMNbqaX7urmbLUP1vZ3bq8uayJk7u5dcuevbnSdwyKGcvq2cyecby627yrW8nd+aaeV7y5tbu5+7mpW8yaf3y10Xycn8zLOcy+F8zJ9czstbzXc3zK88zp0czcscvm3Zvo2RhbeLt7NX0OnN0LeO0FdY0VuYYBcHRoV0SCO9mZg0nZTUniq9mjKdnSb9ni49nz59n0KdRkfdRksdR09dR1OdR510oib7ScWUSwtb1hOb1kHG1h8b10dG11eG103G1yVmTLsU2B+mTO2BOq+Rfa+PXdn1Wh3nmtlDpK8r5MfR+7zVO8iRur2ZGM+7vNv1fLv53M3FfM+bubuPHNt1Ob7ZfM7JPcrtvHq5/dv7PMnVnRgBvSrrPb3Fm8rp/M3d2tyz2dr3Pd77fdzB3d/b3csB3qhTQj8AwOEhPiQifiQmviQq/iQcnnFjIggAADs=");
}
</style>
<window width="100%" contentStyle="padding-bottom:4px;">
<hlayout style="line-height:22px" >
<div style="padding-right:15px">
<label style="font-weight:bold;">Report Template:</label>
<label value="{AP Detail}" />
</div>
<div id="test">
<label style="font-weight:bold;">Report Name:</label>
<label value="{Report Name}" />
</div>
</hlayout>
</window>
<hlayout vflex="1">
<window hflex="1" vflex="1" title="Paper Options" contentStyle="padding-bottom:4px;" style="border-left:1px solid #ccc">
<div style="display:table;border-collapse:separate;border-spacing:1px 2px;">
<div style="width:100%;display:table-row;line-height:22px;">
<div style="display:table-cell;text-align:right"><label style="font-weight:bold;">Orientation:</label></div>
<div style="display:table-cell;">
<listbox id="p1" mold="select" rows="1">
<listitem label="Landscape" selected="true" />
<listitem label="Portrait" selected="false" />
</listbox>
</div>
</div>
<div style="width:100%;display:table-row;line-height:22px;margin-bottom:4px">
<div style="display:table-cell;text-align:right"><label style="font-weight:bold;">Page Size:</label></div>
<div style="display:table-cell;">
<listbox id="p2" mold="select" rows="1">
<listitem label="Letter (8 x 10)" selected="true" />
<listitem label="Legal (8.5 x 14)" selected="false" />
<listitem label="Ledger (11 x 17)" selected="false" />
</listbox>
</div>
</div>
<div style="width:100%;display:table-row;line-height:22px;margin-bottom:4px">
<div style="display:table-cell;text-align:right"><label style="font-weight:bold;">Margins:</label></div>
<div style="display:table-cell;">
<combobox id="margin" readonly="true" width="100%" w:onSelect="margin()" >
<attribute name="onCreate">
self.setSelectedIndex(0);
</attribute>
<comboitem style="height:60px;line-height:61px" label="Normal" image="../images/common/print-dd-port-Normal.gif" sclass="hideztext" />
<comboitem style="height:60px;line-height:61px" label="Wide" image="../images/common/print-dd-port-Wide.gif" sclass="hideztext" />
<comboitem style="height:60px;line-height:61px" label="Narrow" image="../images/common/print-dd-port-narrow.gif" sclass="hideztext" />
<comboitem label="Custom" />
</combobox>
</div>
</div>
<div style="width:100%;display:table-row;line-height:22px;">
<div style="display:table-cell;text-align:right"><label style="font-weight:bold;">Font Size:</label></div>
<div style="display:table-cell;">
<listbox mold="select" rows="1">
<listitem label="8" selected="false" />
<listitem label="10" selected="true" />
<listitem label="11" selected="false" />
<listitem label="12" selected="false" />
<listitem label="14" selected="false" />
</listbox>
</div>
</div>
<div style="width:100%;display:table-row;line-height:22px;">
<div style="display:table-cell;text-align:right"><label style="font-weight:bold;">Scale:</label></div>
<div style="display:table-cell;">
<textbox class="checkboxprintscale" value="100" constraint="no empty" style="width:25px" disabled="true" />%
<checkbox label="Shrink To Fit Page Width" style="margin-left:20px" checked="true" />
<!-- IF Checked disable textbox -->
</div>
</div>
</div>
</window>
<window id="cmargin" hflex="3" vflex="1" title="Margins" contentStyle="padding-bottom:4px;" style="border-left:1px solid #ccc;">
<n:table>
<n:tr>
<n:td align="right" colspan="3"><label style="font-weight:bold;" value="Header:" />
<label sclass="normal narrow" value='0.3"' /><label sclass="wide" value='0.5"' />
<doublespinner sclass="mheader custom" value="0.3" step="0.01" style="text-align:right;width:60px" /></n:td>
</n:tr>
<n:tr>
<n:td align="center" colspan="3"><label style="font-weight:bold;" value="Top:" />
<label sclass="normal narrow" value='0.75"' /><label sclass="wide" value='1.0"' />
<doublespinner sclass="mtop custom" value="0.75" step="0.01" style="text-align:right;width:60px" /></n:td>
</n:tr>
<n:tr>
<n:td><label style="font-weight:bold;" value="Left:" />
<label sclass="normal" value='0.7"' /><label sclass="wide" value='1.0"' /><label sclass="narrow" value='0.25"' />
<doublespinner sclass="mleft custom" value="0.7" step="0.01" style="text-align:right;width:60px" /></n:td>
<n:td><div id="marginbox" sclass=""><div sclass="m"></div></div></n:td>
<n:td><label style="font-weight:bold;" value="Right:" />
<label sclass="normal" value='0.7"' /><label sclass="wide" value='1.0"' /><label sclass="narrow" value='0.25"' />
<doublespinner sclass="mright custom" value="0.7" step="0.01" style="text-align:right;width:60px" /></n:td>
</n:tr>
<n:tr>
<n:td align="center" colspan="3"><label style="font-weight:bold;" value="Bottom:" />
<label sclass="normal narrow" value='0.75"' /><label sclass="wide" value='1.0"' />
<doublespinner sclass="mbottom custom" value="0.75" step="0.01" style="text-align:right;width:60px" /></n:td>
</n:tr>
<n:tr>
<n:td align="right" colspan="3"><label style="font-weight:bold;" value="Footer:" />
<label sclass="normal narrow" value='0.3"' /><label sclass="wide" value='0.5"' />
<doublespinner sclass="mfooter custom" value="0.3" step="0.01" style="text-align:right;width:60px" /></n:td>
</n:tr>
</n:table>
</window>
</hlayout>
<script defer="true">
zk.afterMount(function(){
jq(function(){
test()
jq('$margin').on('change', function(){
alert('z')
margin();
}).trigger('change');
});
});
function test(){
var p1index = jq('$p1').prop('selectedIndex'),
p2index = jq('$p2').prop('selectedIndex'),
p1 = (p1index == 0 ? "L" : "P"),
p2 = (p2index == 0 ? "810" : (p2index == 1 ? "8514" : "1117")),
ncn = (p1+p2),
ocn = jq('$marginbox').attr('class'),
id = jq('$marginbox').attr('id');
$('#'+id).removeClass(ocn).addClass(ncn);
jq('body').on('change', '.mheader .z-doublespinner-input, .mtop .z-doublespinner-input', function(){
var h = +jq('.mheader .z-doublespinner-input').val();
var t = +jq('.mtop .z-doublespinner-input').val();
var mb = ((b+f)*10);
jq('.m').css('bottom', mt+'px');
zAu.send(new zk.Event(zk.Widget.$(this), 'onChange', {"value": v,"start":4}, {toServer:true}));
}).on('change', '.mleft .z-doublespinner-input', function(){
var ml = (jq(this).val())*10;
jq('.m').css('left', ml+'px');
zAu.send(new zk.Event(zk.Widget.$(this), 'onChange', {"value": v,"start":4}, {toServer:true}));
}).on('change', '.mright .z-doublespinner-input', function(){
var mr = (jq(this).val())*10;
jq('.m').css('right', mr+'px');
zAu.send(new zk.Event(zk.Widget.$(this), 'onChange', {"value": v,"start":4}, {toServer:true}));
}).on('change', '.mbottom .z-doublespinner-input, .mfooter .z-doublespinner-input', function(){
var b = +jq('.mbottom .z-doublespinner-input').val();
var f = +jq('.mfooter .z-doublespinner-input').val();
var mb = ((b+f)*10);
jq('.m').css('bottom', mb+'px');
zAu.send(new zk.Event(zk.Widget.$(this), 'onChange', {"value": v,"start":4}, {toServer:true}));
});
jq('$p1, $p2').on('change', function(){
var p1index = jq('$p1').prop('selectedIndex'),
p2index = jq('$p2').prop('selectedIndex'),
p1 = (p1index == 0 ? "L" : "P"),
p2 = (p2index == 0 ? "810" : (p2index == 1 ? "8514" : "1117")),
ncn = (p1+p2),
ocn = jq('$marginbox').attr('class'),
id = jq('$marginbox').attr('id');
$('#'+id).switchClass( ocn, ncn, 500, 'easeInOutQuad' );
});
};
function margin(){
if (jq('$margin').find('input').val()=='Normal'){
jq('.normal, .wide, .narrow, .custom').css('display','none');
jq('.normal').css('display','');
jq('.m').css({ 'top': '11px', 'left': '7px', 'right': '7px', 'bottom': '11px' });
jq('.mheader .z-doublespinner-input, .mfooter .z-doublespinner-input').val('0.3');
jq('.mtop .z-doublespinner-input, .mbottom .z-doublespinner-input').val('0.75');
jq('.mleft .z-doublespinner-input, .mright .z-doublespinner-input').val('0.7');
zAu.send(new zk.Event(zk.Widget.$('.mheader .z-doublespinner-input'), 'onChange', {'value': '0.3','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mfooter .z-doublespinner-input'), 'onChange', {'value': '0.3','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mtop .z-doublespinner-input'), 'onChange', {'value': '0.75','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mbottom .z-doublespinner-input'), 'onChange', {'value': '0.75','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mleft .z-doublespinner-input'), 'onChange', {'value': '0.7','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mright .z-doublespinner-input'), 'onChange', {'value': '0.7','start':4}, {toServer:true}));
}else if (jq('$margin').find('input').val()=='Wide'){
jq('.normal, .wide, .narrow, .custom').css('display','none');
jq('.wide').css('display','');
jq('.m').css({ 'top': '11px', 'left': '10px', 'right': '10px', 'bottom': '11px' });
jq('.mheader .z-doublespinner-input, .mfooter .z-doublespinner-input').val('0.5');
jq('.mtop .z-doublespinner-input, .mleft .z-doublespinner-input, .mright .z-doublespinner-input, .mbottom .z-doublespinner-input').val('1.0');
zAu.send(new zk.Event(zk.Widget.$('.mheader .z-doublespinner-input'), 'onChange', {'value': '0.5','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mfooter .z-doublespinner-input'), 'onChange', {'value': '0.5','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mtop .z-doublespinner-input'), 'onChange', {'value': '1.0','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mleft .z-doublespinner-input'), 'onChange', {'value': '1.0','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mright .z-doublespinner-input'), 'onChange', {'value': '1.0','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mbottom .z-doublespinner-input'), 'onChange', {'value': '1.0','start':4}, {toServer:true}));
}else if (jq('$margin').find('input').val()=='Narrow'){
jq('.normal, .wide, .narrow, .custom').css('display','none');
jq('.narrow').css('display','');
jq('.m').css({ 'top': '11px', 'left': '3px', 'right': '3px', 'bottom': '11px' });
jq('.mheader .z-doublespinner-input, .mfooter .z-doublespinner-input').val('0.3');
jq('.mtop .z-doublespinner-input, .mbottom .z-doublespinner-input').val('0.75');
jq('.mleft .z-doublespinner-input, .mright .z-doublespinner-input').val('0.25');
zAu.send(new zk.Event(zk.Widget.$('.mheader .z-doublespinner-input'), 'onChange', {'value': '0.3','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mfooter .z-doublespinner-input'), 'onChange', {'value': '0.3','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mtop .z-doublespinner-input'), 'onChange', {'value': '0.75','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mbottom .z-doublespinner-input'), 'onChange', {'value': '0.75','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mleft .z-doublespinner-input'), 'onChange', {'value': '0.25','start':4}, {toServer:true}));
zAu.send(new zk.Event(zk.Widget.$('.mright .z-doublespinner-input'), 'onChange', {'value': '0.25','start':4}, {toServer:true}));
}else if (jq('$margin').find('input').val()=='Custom'){
jq('.normal, .wide, .narrow, .custom').css('display','none');
jq('.custom').css('display','');
};
};
</script>
</zk>