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 :
Another new ZK fiddle
176guest172.69.254.13419a19qgMay 17, 2024 8:45:43 AMlinkDynamic Listbox Columns
1guest172.70.83.1082em2ouuMay 16, 2024 7:13:53 PMlinkError dialog
2guest162.158.155.1062g9n9d2May 16, 2024 3:07:42 PMlinkError dialog
1guest172.70.231.542g9n9d2May 16, 2024 3:06:24 PMlinkMVVM dependent comboboxes
12guest141.101.68.25184fg41May 16, 2024 2:16:55 PMlinkAnother new ZK fiddle
1guest162.158.187.82r09jvbMay 16, 2024 3:23:08 AMlinkopen popup with callback
1guest108.162.212.149790u9iMay 15, 2024 11:53:18 PMlinkopen popup with callback
30guest108.162.212.1491kje9rvMay 15, 2024 11:52:46 PMlinkPDFObject - ZK
63guest172.69.214.221hlaak0May 14, 2024 5:27:57 PMlinkEmailTemplate-Asim
1guest141.101.76.232ivbacvMay 14, 2024 4:27:59 PMlinklistbox styles
35guest162.158.129.2261nctej6Apr 30, 2024 2:19:32 PMlinkresources
index.zulzul<zk>
<style src="/styles/test.css" />
<listbox oddRowSclass="non-odd">
<listitem height="30px">
<listcell label="ZK Jet 0.8.0 is released" />
<listcell label="2008/11/17 17:41:29" />
</listitem>
<listitem height="30px">
<listcell label="URLs for iPhone-Optimized Google Sites" />
<listcell label="2008/11/17 15:56:37" />
</listitem><listitem height="30px">
<listcell label="ZK Jet 0.8.0 is released" />
<listcell label="2008/11/17 17:41:29" />
</listitem>
<listitem height="30px" >
<listcell label="URLs for iPhone-Optimized Google Sites" />
<listcell label="2008/11/17 15:56:37" />
</listitem><listitem height="30px">
<listcell label="ZK Jet 0.8.0 is released" />
<listcell label="2008/11/17 17:41:29" />
</listitem>
<listitem height="30px" style = "background-color: #E8E8E8">
<listcell label="URLs for iPhone-Optimized Google Sites" />
<listcell label="2008/11/17 15:56:37"/>
</listitem><listitem height="30px">
<listcell label="ZK Jet 0.8.0 is released" />
<listcell label="2008/11/17 17:41:29" />
</listitem>
<listitem height="30px">
<listcell label="URLs for iPhone-Optimized Google Sites" />
<listcell label="2008/11/17 15:56:37" />
</listitem>
</listbox>
</zk>
TestComposer.javajavaimport org.zkoss.zk.ui.*;
import org.zkoss.zk.ui.event.*;
import org.zkoss.zk.ui.util.*;
import org.zkoss.zk.ui.ext.*;
import org.zkoss.zk.au.*;
import org.zkoss.zk.au.out.*;
import org.zkoss.zul.*;
public class TestComposer extends GenericForwardComposer{
public void doAfterCompose(Component comp) throws Exception {
super.doAfterCompose(comp);
}
public void onClick$btn(Event e) throws InterruptedException{
Messagebox.show("Hi btn");
}
}
test.csscss::selection {color:#FFF;background:#7D7D7D;}
::-moz-selection {color:#FFF;background:#7D7D7D;}
body {
padding:0px;
}
body * {
font-size: 11px !important;
}
.z-combo-item-readonly, .z-combobox-readonly {
background:#FFF;
}
/* .z-window-embedded */
.z-window-embedded-tl, .z-window-embedded-tr {
display:none;
}
.z-window-embedded-hl {
background: #C9C9C9;
}
.z-window-embedded-hr, .z-window-embedded-hm {
background: none;
}
.z-window-embedded-cnt {
border: none;
padding: 0;
width: 100% !important;
background-color: #FEFDFD;
color: #282727;
padding-top: 14px;
background: url('img/pageTitle_underline.png') repeat-x;
background-position: top;
background-attachment: local;
border-top: 2px solid #282727;
}
.z-window-embedded-header {
padding: 6px 0 6px 30px;
font-size: 14px !important;
font-weight: bold;
color: #282727;
background: url('img/banner_shadow.png') #C9C9C9 no-repeat left top;
padding-top: 10px;
}
.z-vbox {
padding: 4px 0 4px 30px;
}
.s-vbox-left-13 {
padding: 4px 0 4px 13px;
}
.z-vbox.non-sep tr.z-vbox-sep {
display: none;
}
.z-vbox.non-padding {
padding: 4px 0;
}
.s-vbox-no-padding {
padding: 0px;
}
/* z-window-modal-cnt */
.z-window-modal-cnt .z-vbox {
padding:0;
}
.z-window-modal-tr,.z-window-highlighted-tr,.z-window-overlapped-tr,.z-window-popup-tr,
.z-window-modal-tl,.z-window-highlighted-tl,.z-window-overlapped-tl,.z-window-popup-tl,
.z-window-modal-br,.z-window-highlighted-br,.z-window-overlapped-br,
.z-window-modal-bl,.z-window-highlighted-bl,.z-window-overlapped-bl,
.z-window-modal-cl, .z-window-highlighted-cl, .z-window-overlapped-cl,
.z-window-modal-cr, .z-window-highlighted-cr, .z-window-overlapped-cr ,
.z-window-modal-hl, .z-window-highlighted-hl, .z-window-overlapped-hl, .z-window-popup-hl,
.z-window-modal-hr, .z-window-highlighted-hr, .z-window-overlapped-hr, .z-window-popup-hr {
background-image:none;
}
.z-window-modal-move-ghost,.z-window-overlapped-move-ghost,.z-window-popup-move-ghost,.z-window-highlighted-move-ghost,.z-window-move-ghost{
position:absolute;
background:#D5D5D5;
overflow:hidden;
filter:alpha(opacity=65)!important;
opacity:.65!important;
cursor:move!important;
}
.z-window-modal-move-ghost dl,.z-window-overlapped-move-ghost dl,.z-window-popup-move-ghost dl,.z-window-highlighted-move-ghost dl,.z-window-move-ghost dl{
border: none;
margin:0;
padding:0;
overflow:hidden;
display:block;
background:#D5D5D5;
line-height:0;
font-size:0;
}
.z-modal-mask {
opacity: 0.85;
}
.z-shadow {
opacity: 0.5;
}
.z-window-modal-hm {
border: none;
border-left: #FF6501 solid 5px;
background: #4E4D4D url('img/header_bar_central.png') repeat-x;
background-position: bottom;
color: #FFF;
font-size: 12px !important;
margin-bottom: 1px;
padding: 5px;
}
.z-window-modal-cnt > table > tbody > tr > td, .z-hbox-sep {
padding: 5px;
}
.z-window-modal-cnt .z-panel-children {
background: none;
}
.z-window-modal-cm, .z-window-highlighted-cm, .z-window-overlapped-cm {
border: none;
background: none;
}
.z-window-modal-header {
font-size: 12px !important;
font-weight: bold;
padding-top: 3px;
}
.z-window-embedded-close, .z-window-modal-close, .z-window-overlapped-close, .z-window-popup-close, .z-window-highlighted-close, .z-panel-icon.z-panel-close {
background-position: 0px 0px;
background: url('img/close.png') no-repeat center;
margin-left: 3px;
}
/* .z-panel .panel-main */
.panel-main {
padding: 0 !important;
margin: 0;
background: none;
width: 100%;
}
.panel-main > .z-panel-header {
clear: both;
border: none;
border-bottom: 2px #2D2C2C solid;
background: none;
width: 100% !important;
color: #282727;
font-size: 14px !important;
font-weight: bold;
padding-left: 35px;
margin-bottom: 10px;
margin-top: 20px;
}
.panel-main > .z-panel-body, .panel-main .z-panel-children {
background: none;
padding: 0;
}
.panel-background.z-panel {
background: #E8E8E8;
}
.panel-background.z-panel .z-panel-children {
padding: 10px;
}
/* .z-panel */
.z-tabbox {
padding: 0;
margin: 5px 0;
}
.z-panel.panel-raw, .z-panel {
padding: 0;
margin: 0;
}
.z-panel-children {
background: #E8E8E8;
border: none;
padding: 10px;
}
.z-panel-header {
border: none;
border-left: #FF6501 solid 5px;
background: #4E4D4D url('img/header_bar_central.png') repeat-x;
background-position: bottom;
color: #FFF;
font-size: 12px !important;
margin-bottom: 1px;
padding: 5px;
}
.z-panel-body .z-panel-btm .z-toolbar, .z-panel-noborder .z-panel-btm.z-panel-btm-noborder .z-toolbar, .z-window-embedded-cnt .z-toolbar, .z-toolbar {
border: none;
background: #C9C9C9 url('img/footer_tabel_central.png') repeat-x;
color: #FFF;
font-size: 12px !important;
padding: 6px;
}
.panel-grid, .panel-grid .z-panel-children {
padding: 0;
}
.z-panel-noborder .z-panel-children-noborder {
padding: 0;
margin: 0;
}
.z-panel-icon {
background: none;
width: 21px;
}
.z-panel-exp {
background: url('img/arrowOpen.png') no-repeat center;
}
.z-panel-colpsd .z-panel-exp {
background: url('img/arrowClosed.png') no-repeat center;
}
/* z-button*/
.z-button-disd {
opacity: 0.7;
}
table.z-button .z-button-tl, .z-button-tm, .z-button-tr, .z-button-bl, .z-button-bm, .z-button-br,
.z-button-cl, .z-button-cr {
opacity: 0;
}
.z-button .z-button-cm {
padding: 6px 6px;
min-width: 80px;
font-weight: bold;
color: #1E1C1C;
background: #F8F7F7;
border: 1px solid #D8D8D8;
}
.z-button-focus .orange .z-button-cm {
border: 1px solid #7d7d7d;
}
.z-button-focus .z-button-cm {
border: 1px solid #7d7d7d;
}
.z-button .orange .z-button-cm {
color: #FFF;
background: #FF6501;
}
.orange.z-button-over .z-button-cm{
background-color: #FF5501;
}
.z-button-over .z-button-cm{
background-color: #E8E8E8;
}
/* menu button */
.z-button.logo * {
background: none;
border: none;
}
.z-button .logo .z-button-cm {
height: 32px;
max-width: 34px;
min-width: 34px;
border: 0px;
}
table.z-button.logo {
border: none;
}
.logo.z-button-over .z-button-cm {
background: none ;
border: 0px;
}
/* banner button */
table.z-button.banner-btn .z-button-cm {
height: 32px;
min-width: 32px;
padding: 0;
border: 0px;
}
table.z-button.banner-btn {
border: none;
margin-left: 5px;
}
table.z-button.banner-btn.user .z-button-cm {
background: url('img/banner-btn/user.png') no-repeat;
background-position: 0 -32px;
border: 0px;
}
table.z-button.banner-btn.info .z-button-cm {
background: url('img/banner-btn/info.png') no-repeat;
background-position: 0 -32px;
border: 0px;
}
table.z-button.banner-btn.logout .z-button-cm {
background: url('img/banner-btn/logout.png') no-repeat;
background-position: 0 -32px;
border: 0px;
}
table.z-button.banner-btn.z-button-over .z-button-cm {
background-position: 0 0;
border: 0px;
}
/* input button */
.input-button {
padding: 6px 20px;
min-width: 80px;
font-weight: bold;
color: #1E1C1C;
background: #F8F7F7;
border: 1px solid #D8D8D8;
overflow: hidden;
vertical-align: middle;
text-align: center;
cursor: pointer;
font-family: Verdana,Tahoma,Arial,Helvetica,sans-serif;
}
.input-button:hover {
background: #E4E4E4;
}
/* grid */
.z-foot, .z-footer, .z-footer-cnt * {
background: #7d7d7d;
color: #FFF;
font-weight: bold;
}
div.z-grid-body, tr.z-row .z-detail-outer {
background: none;
}
.LayoutGrid {
background: #E8E8E8;
}
.non-odd tr, .non-odd td {
background: #E8E8E8; /*D8D8D8*/
}
.non-odd-non-background tr, .non-odd-non-background td {
background: none;
}
div.z-grid, .non-odd, div.z-grid-footer, .non-border tr.z-row td.z-row-inner {
border: none;
}
tr.z-row td.z-row-inner {
background: #E8E8E8;
border: 1px solid #fff;
}
tr.z-grid-odd td.z-row-inner, tr.z-grid-odd {
background: #D8D8D8;
}
div.z-grid-header th.z-column {
color: #FFF;
background: #7d7d7d;
padding: 4px 8px;
white-space: nowrap ;
border: 1px solid #fff;
}
div.z-column-cnt {
font-weight:bold;
color:#FFF;
white-space: pre-wrap;
}
.z-grid-body td{
margin: 5px;
}
div.z-grid-header tr.z-columns, div.z-grid-header tr.z-auxhead {
background: #C9C9C9;
}
div.z-grid-header th.z-column, div.z-grid-header th.z-auxheader {
border-top:none;
border-color:#fff;
}
th.z-auxheader-no-filter {
border-top:none;
border-bottom:solid 1px;
border-left:solid 1px;
border-right:solid 1px;
border-color:#fff;
background:#fff url('img/no_filter_bg.png') repeat-x;
}
th.z-auxheader-filter {
border-top:none;
border-bottom:solid 1px;
border-left:solid 1px;
border-right:solid 1px;
border-color:#fff;
background: url('img/filter.png') no-repeat right;
}
th.z-auxheader-filter:hover {
background-color:#FF6501;
cursor:pointer;
}
.z-bandbox-filter-inp {
border:none;
background:none;
color:#FF6501;
cursor:pointer;
font-weight: bold;
}
.z-bandbox-filter-inp:hover, th.z-auxheader-filter:hover * {
color:#fff;
}
.z-band-popup {
background:#C9C9C9;
border:1px solid #7d7d7d;
padding:1px;
}
.z-combobox {
color: #1E1C1C;
}
.z-combobox-inp, .z-datebox-inp, .z-bandbox-inp, .z-paging-inp, .z-timebox-inp, .z-spinner-inp, .z-longbox, .z-textbox, .z-decimalbox, .z-intbox, .z-doublebox {
color: #1E1C1C;
border: 1px solid #CFCFCF;
background-image: none;
background: #fff;
}
.z-combobox-inp .z-combobox-text-invalid,
.z-datebox-inp .z-datebox-text-invalid,
.z-bandbox-inp .z-bandbox-text-invalid,
.z-paging-inp .z-paging-text-invalid,
.z-timebox-inp .z-timebox-text-invalid,
.z-spinner-inp .z-spinner-text-invalid,
.z-longbox .z-longbox-text-invalid,
.z-textbox .z-textbox-text-invalid,
.z-decimalbox .z-decimalbox-text-invalid,
.z-intbox .z-intbox-text-invalid,
.z-doublebox .z-doublebox-text-invalid {
border: 1px solid #DD7870;
}
.z-combobox-text-invalid, .z-datebox-text-invalid, .z-paging-text-invalid,
.z-timebox-text-invalid, .z-spinner-text-invalid, .z-longbox-text-invalid,
.z-textbox-text-invalid, .z-decimalbox-text-invalid, .z-intbox-text-invalid,
.z-doublebox-text-invalid {
border: 1px solid #DD7870;
}
.z-combobox-inp .z-combobox-readonly .z-combobox-text-invalid,
.z-datebox-inp .z-datebox-readonly .z-datebox-text-invalid ,
.z-bandbox-inp .z-bandbox-readonly .z-bandbox-text-invalid,
.z-paging-inp .z-paging-readonly .z-paging-text-invalid,
.z-timebox-inp .z-timebox-readonly .z-timebox-text-invalid,
.z-spinner-inp .z-spinner-readonly .z-spinner-text-invalid,
.z-longbox .z-longbox-readonly .z-longbox-text-invalid,
.z-textbox .z-textbox-readonly .z-textbox-text-invalid,
.z-decimalbox .z-decimalbox-readonly .z-decimalbox-text-invalid,
.z-intbox .z-intbox-readonly .z-intbox-text-invalid,
.z-doublebox .z-doublebox-readonly .z-doublebox-text-invalid{
border: 1px solid #DD7870;
}
.z-combobox-focus .z-combobox-inp, .z-bandbox-focus .z-bandbox-inp, .z-timebox-focus .z-timebox-inp ,.z-spinner-focus .z-spinner-inp, .z-datebox-focus .z-datebox-inp,
.z-longbox-focus, .z-textbox-focus, .z-decimal-box-focus,
.z-textbox-focus, .z-textbox-focus input, .z-decimalbox-focus, .z-decimalbox-focus input, .z-intbox-focus, .z-intbox-focus input, .z-longbox-focus, .z-longbox-focus input, .z-doublebox-focus, .z-doublebox-focus input,
.z-combobox-focus .z-combobox, .z-bandbox-focus .z-bandbox {
border: 1px solid #7d7d7d;
}
.z-combobox-pp, .z-datebox-pp , .z-bandbox-pp{
border: 1px solid #ABABAB;
padding: 0px;
}
.z-datebox-pp {
width: auto !important;
}
.z-combobox-pp .z-combo-item-text {
padding-left: 4px;
}
.z-combobox-inp {
padding-left: 2px;
}
/* combo & listbox - items */
div.z-listbox, tr.z-listbox-odd , tr.z-list-item td.z-list-item-focus , tr.z-tree-row td.z-tree-row-focus, div.z-tree-header th.z-tree-col, div.z-listbox-header th.z-list-header{
border: none;
background: none;
width: 100% !important;
}
div.z-listbox-body .z-list-cell {
background: none;
}
div.z-listbox-body {
width: 100% !important;
}
.z-combo-item.z-combo-item-over, .z-list-item.z-list-item-over, tr.z-tree-row-over {
background: #E8E8E8;
}
.z-combo-item.z-combo-item-seld, .z-list-item.z-list-item-seld , tr.z-tree-row-seld {
background: #7d7d7d;
color: #FFF;
}
.z-combo-item.z-combo-item-seld.z-combo-item-over-seld, .z-list-item.z-list-item-seld.z-list-item-over-seld, tr.z-tree-row-over-seld {
background: #D5D5D5;
color: #1E1C1C;
}
/* disable & readonly */
.z-textbox-readonly, .z-textbox-text-disd, .z-intbox-readonly, .z-intbox-text-disd, .z-longbox-readonly, .z-longbox-text-disd, .z-doublebox-readonly, .z-doublebox-text-disd, .z-decimalbox-readonly, .z-decimalbox-text-disd {
opacity: 0.7;
background: #FFF;
}
/* tabs */
.z-tabs-scroll .z-tabs-cnt, .z-tab-hl, .z-tab-hm, .z-tab-hr, .z-tabs-scroll {
background: none;
border: none;
margin: 0;
padding: 0;
}
.z-paging{
border:0px;
display:block;
padding:2px;
position:relative;
color:#000;
background:none;
width: 220px;
}
.z-paging-sep {
display:none !important;
}
.z-paging-div {
margin-right: 5px;
}
.z-paging-div {
margin-right: 5px;
}
.z-vbox-column {
margin:0px;
font-weight:bold;
}
.z-vbox-column .z-label{
font-weight: bold;
}
.z-tab .z-tab-text {
padding: 4px 6px;
min-width: 80px;
font-weight: bold;
color: #1E1C1C;
background: #F8F7F7;
}
.z-tab-seld .z-tab-text {
color: #FFF;
background: #FF6501;
}
span.z-tab-text {
padding: 5px !important;
}
.z-tab .z-tab-hl:hover .z-tab-text{
background: #D5d5d5;
color: #1E1C1C;
}
.z-tab.z-tab-seld .z-tab-hl:hover .z-tab-text{
background: #FF6501;
color: #FFF;
}
.z-tab {
border: 1px solid #D8D8D8;
}
.z-tabpanel {
border: none;
}
.z-tabs.z-tabs-scroll, .z-tabs-header.z-tabs-header-scroll, .z-tabpanel-cnt, .z-tabbox, div.z-grid-header, div.z-grid-body {
width: auto !important;
}
/* tree box */
div.z-tree {
border: 1px solid #7d7d7d;
}
div.z-tree-header tr.z-tree-cols, div.z-tree-col-cnt, div.z-listbox-header tr.z-list-head{
background-image: none;
background: #000;
color: #fff;
font-weight: bold;
border: none;
}
span.z-tree-root-open, span.z-tree-tee-open, span.z-tree-last-open, span.z-tree-root-close, span.z-tree-tee-close, span.z-tree-last-close, .z-group-img-open, .z-group-img {
background-image: url("img/toggle.png");
}
.z-detail .z-detail-img {
background-image: url("img/row-expand.png");
}
/* checkbox */
input[type=checkbox], input[type=radio] {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height:1px;
width:1px;
margin:-1px;
padding:0;
border:0;
}
input[type=checkbox] + label.z-checkbox-cnt, input[type=radio] + label.z-radio-cnt {
padding-left:20px;
height:15px;
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
margin: 2px 5px 2px 0;
}
input[type=checkbox]:checked + label.z-checkbox-cnt, input[type=radio]:checked + label.z-radio-cnt {
background-position: 0 -15px;
}
input[type=checkbox][disabled] + label.z-checkbox-cnt, input[type=radio][disabled] + label.z-radio-cnt {
background-position: 0 -30px;
}
input[type=checkbox][disabled]:checked + label.z-checkbox-cnt, input[type=radio][disabled]:checked + label.z-radio-cnt {
background-position: 0 -45px;
}
.z-radio-cnt {
background-image: url('img/radiobtn.png');
}
.z-checkbox-cnt {
background-image: url('img/checkbox.png');
}
/* froms icons */
.z-combobox .z-combobox-img {
background-image: url('img/combobtn.gif');
border:none;
height:18px;
}
.z-datebox .z-datebox-img {
background-image: url('img/datebtn.gif');
border:none;
}
.z-bandbox {
background-color: transparent !important;
}
.z-bandbox .z-bandbox-img {
background-image: url('img/bandbtn.gif');
border:none;
}
.z-timebox .z-timebox-img, .z-spinner .z-spinner-img {
background-image: url('img/timebtn.gif');
border:none;
}
/* paging */
.z-paging-btn .z-paging-next, .z-paging-btn .z-paging-last, .z-paging-btn .z-paging-prev, .z-paging-btn .z-paging-first {
background-image: url('img/npg-btn.png');
}
/* menu - list for grid columns */
.z-menu-popup-cnt .z-menu-item-cnt-ck .z-menu-item-img, .z-menu-popup-cnt .z-menu-item-cnt-unck .z-menu-item-img {
height:15px;
display:inline-block;
line-height:15px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:15px;
vertical-align:middle;
cursor:pointer;
padding-left: 5px;
background-image: url('img/checkbox.png');
}
.z-menu-popup-cnt .z-menu-item-cnt-ck .z-menu-item-img {
background-position: 0 -15px;
}
.z-menu-popup-cnt .z-menu-item-cnt-unck .z-menu-item-img {
background-position: 0 0;
}
.z-menu-popup-cnt .z-menu-item a.z-menu-item-cnt {
padding: 2px;
padding-right: 10px;
border: none;
}
.z-menu-popup {
background-image: none;
background-color: #D8D8D8;
border-color: #D5D5D5;
outline: rgba(0,0,0,0.2) solid 100000px;
}
.z-menu-popup-cnt .z-menu-over,.z-menu-popup-cnt .z-menu-item-over{
background-image: none;
background-color: rgb(125, 125, 125);
border: 1px rgb(125, 125, 125) solid;
}
.z-menu-popup-cnt .z-menu-over a.z-menu-cnt,.z-menu-popup-cnt .z-menu-item-over a.z-menu-item-cnt{
color: #FFF;
}
/* loader */
.z-loading{
outline: rgba(255,255,255,0.8) solid 100000px;
background: none;
position:absolute;
cursor:wait;
white-space:nowrap;
border:none;
z-index:31000;
padding:0;
}
.z-loading-indicator{
color:#444;
white-space:nowrap;
padding: 20px;
height: 100px;
width: 160px;
border: none;
text-align: center;
Font-family: Arial;
font-weight: bold;
border: 1px solid #efefef;
}
.z-apply-loading-icon,.z-loading-icon{
background:transparent no-repeat center;
background-image:url('img/loading.gif');
height: 64px;
width: 64px;
padding: 5px 5px 10px;
}
.z-inline-block {
margin: 0 auto;
display:block;
}
/* banner-user */
.banner-user {
height: 32px;
text-align: left;
float: left;
padding: 1px 15px 1px 0;
}
.banner-user-label {
color: #000;
font-size: 11px !important;
display:block;
font-weight: bold;
font-family: Arial !important;
}
.banner-user-name {
color: #000;
font-size: 18px !important;
font-weight: bold;
display:block;
font-family: Arial !important;
line-height: 16px;
}
/* z-group grid */
.group-grid tr.z-group {
background: #D5D5D5;
}
.group-grid tr.z-row {
cursor: pointer;
}
td.z-group-inner {
border: 1px solid #FEFDFD;
color: #1E1C1C;
}
.z-group-inner .z-group-cnt span, .z-group-inner .z-group-cnt,
.z-row-inner .z-row-cnt {
padding: 2px;
color: #1E1C1C;
font-weight: 100;
}
.group-grid tr.z-row td.z-row-inner, .group-grid tr.z-row.z-grid-odd td.z-row-inner {
background: #E8E8E8;
}
.group-grid tr.z-row.z-row-selected td.z-row-inner, .group-grid tr.z-row.z-row-selected td.z-row-inner .z-row-cnt .z-label {
background: #7d7d7d;
color: #FFF;
}
/* grid buttons */
a.z-toolbar-button.ico {
height: 20px;
width: 20px;
display: block;
margin: auto;
background-position: 0px 0px;
}
a.z-toolbar-button.panel {
margin: 0 10px;
float: right;
}
a.z-toolbar-button.ico.btn-edit {
background: url('img/ico/edit.png');
}
a.z-toolbar-button.ico.btn-delete {
background: url('img/ico/delete.png');
}
a.z-toolbar-button.ico.btn-authorize {
background: url('img/ico/authorize.png');
}
a.z-toolbar-button.ico.btn-accept {
background: url('img/ico/authorize.png');
}
a.z-toolbar-button.ico.btn-warning {
background: url('img/ico/warning.png');
}
a.z-toolbar-button.ico.btn-overridetax {
background: url('img/ico/tax.png');
}
a.z-toolbar-button.ico.btn-detail {
background: url('img/ico/detail.png');
}
a.z-toolbar-button.ico.btn-open {
background: url('img/ico/open.png');
}
a.z-toolbar-button.ico.btn-close {
background: url('img/ico/close.png');
}
a.z-toolbar-button.ico.btn-cancel {
background: url('img/ico/cancel.png');
}
a.z-toolbar-button.ico.btn-next {
background: url('img/ico/next.png');
}
a.z-toolbar-button.ico.btn-prev {
background: url('img/ico/prev.png');
}
a.z-toolbar-button.ico.btn-duplicate {
background: url('img/ico/duplicate.png');
}
a.z-toolbar-button.ico.btn-finalize {
background: url('img/ico/duplicate.png');
}
a.z-toolbar-button.ico.btn-autofinalize {
background: url('img/ico/duplicate.png');
}
a.z-toolbar-button.ico.btn-move {
background: url('img/ico/move.png');
}
a.z-toolbar-button.ico.btn-add {
background: url('img/ico/add.png');
}
a.z-toolbar-button.ico.btn-minus {
background: url('img/ico/minus.png');
}
a.z-toolbar-button.ico.btn-undo {
background: url('img/ico/undo.png');
}
a.z-toolbar-button.ico.btn-connect {
background: url('img/ico/connect.png');
}
a.z-toolbar-button.ico.btn-refresh {
background: url('img/ico/refresh.png');
}
a.z-toolbar-button.ico.btn-flag {
background: url('img/ico/flag.png');
}
a.z-toolbar-button.ico.btn-reaccount {
background: url('img/ico/reaccount.png');
}
a.z-toolbar-button.ico.btn-finalize {
background: url('img/ico/finalize.png');
}
a.z-toolbar-button.ico.btn-history {
background: url('img/ico/history.png');
}
a.z-toolbar-button.ico.btn-people {
background: url('img/ico/people.png');
}
a.z-toolbar-button.ico.btn-topprd {
background: url('img/ico/top_prd.png');
}
a.z-toolbar-button.ico.btn-date-change {
background: url('img/ico/date-change.png');
}
a.z-toolbar-button.ico.btn-settings {
background: url('img/ico/settings.png');
}
a.z-toolbar-button.ico.btn-pdf {
background: url('img/ico/pdf.png');
}
a.z-toolbar-button.ico.btn-save {
background: url('img/ico/save.png');
}
a.z-toolbar-button.ico.btn-print {
background: url('img/ico/print.png');
}
a.z-toolbar-button.ico.btn-doc-acc {
background: url('img/ico/doc_acc.png');
}
a.z-toolbar-button.ico:hover, a.z-toolbar-button.ico.selected {
background-position: 0px -20px;
}
a.z-toolbar-button.ico.z-toolbar-button-disd {
background-position: 0px -40px;
opacity: 0.5;
}
/* large buttons */
a.z-toolbar-button.large-btn {
background: #ABABAB url('img/footer_tabel_central.png') repeat-x bottom;
background-position: 0px 10%;
min-width: 180px;
display: block;
border: 1px solid #e8e8e8;
color:#000;
text-decoration: none;
float: left;
padding: 3px 3px 5px 3px;
font-size: 14px;
font-weight: bold;
text-align:center;
line-height: 22px;
}
a.z-toolbar-button.large-btn.selected {
min-width: 180px;
display: block;
background: #FF6501;
color:#FFF;
text-decoration: none;
float: left;
padding: 3px 3px 5px 3px;
font-size: 14px;
font-weight: bold;
text-align:center;
line-height: 22px;
}
a.z-toolbar-button.large-btn:hover, a.z-toolbar-button.large-btn.selected{
background: #FF6501;
color:#FFF;
text-decoration: none;
}
.z-tabpanel, .z-tabbox-ver .z-tabpanel-ver {
padding: 10px 0;
}
div.z-grid-footer-div-left {
float: left;
margin-right: 15px;
}
div.z-grid-footer-div-right {
float: right;
margin-right: 15px;
}
div.s-width-100prc {
width: 100%;
}
div.s-width-100prc .z-toolbar-body {
width: 100%;
}
table.s-width-100prc {
width: 100%;
}
.s-left-margin-10px {
margin-left: 10px;
width: auto !important;
}
.s-right-margin-10px {
margin-right: 10px;
width: auto !important;
}
.z-button-right {
height: 32px;
width: 32px;
background: url('img/ico/right.png');
border: none;
}
.z-button-right:hover {
background-position: 0px -32px;
cursor:pointer;
}
.z-button-left {
height: 32px;
width: 32px;
background: url('img/ico/left.png');
border: none;
}
.z-button-left:hover {
background-position: 0px -32px;
cursor:pointer;
}
.s-toolbar-right .z-toolbar-body.z-toolbar-start{
float:right;
}
tr.z-auxhead th.z-auxheader {
padding: 8px;
color:#FFF;
white-space: pre-wrap;
background: #7d7d7d;
}
div.z-grid-header tr.z-columns, div.z-grid-header tr.z-auxhead div.z-auxheader-cnt {
font-weight:bold;
}
.z-panel-noborder .z-panel-header.z-panel-header-noborder {
border-bottom:none;
}
div.z-listbox-header th.z-list-header {
border: 1px solid #fff;
border-top: 0px;
background: #7d7d7d;
padding-left: 5px;
}
.z-toolbar-end {
/*odrwraca kolejnosc*/
width: 100%;
display: inline;
}
.z-toolbar-end .z-button {
/*odrwraca kolejnosc*/
float: right;
margin: 0 5px;
}
.s-authorization-vbox {
padding: 0px;
width: 100%;
}
.s-authorization-panel {
margin-top: 15px;
padding-left: 25px;
border-top: 1px solid #c0c0c0;
}
.s-authorization-panelchildren {
background: none;
}
.s-tabbox-no-margin{
margin: 0px;
}
/* CALENDAR */
.z-calendar-calyear td, .z-datebox-calyear td {
background-color: #282727;
color: #fff;
}
.z-calendar-calmon td.z-calendar-seld, .z-calendar-calday td.z-calendar-seld, .z-datebox-calmon td.z-datebox-seld, .z-datebox-calday td.z-datebox-seld {
color: #fff;
font-weight: bold;
background-color: #FF6501;
border: none;
}
.z-datebox-calday td.z-datebox-over {
background-color: #d7d7d7;
}
.element {
padding: 0px;
margin: 0px;
}
.element table.z-vbox {
padding: 0px;
margin: 0px;
}
div.z-dottree {
border-color: #282727;
}
div.tree-scroll-x div.z-tree-body{
overflow-x: auto;
}
div.tree-scroll-x div.z-tree-cell-cnt {
white-space: nowrap;
}