Wednesday, 16 May 2012

List Box CSS


<?page title="Practice List" contentType="text/html;charset=UTF-8"?>
<zk>
<style>
div.z-listbox
{ background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CFCFCF; overflow: hidden;
}

tr.z-listitem-seld
{
background-image: none;
}


/* Selected rows with the mouse hovering over them */
tr.overseld,td.overseld,tr.z-listitem-over,tr.z-listitem-over-seld
{
background-image: none;
background-color: transparent;
}

/* Odd rows in a listbox */ tr.odd
td.gc,tr.odd,tr.z-listbox-odd,tr.z-grid-odd
td.z-row-inner,tr.z-grid-odd
{
background: #E3F0F8 none repeat
scroll 0 0;
}

/* Odd rows in a listbox mouse over when we move */ tr.odd
tr.z-listitem.z-listbox-odd.z-listitem-over
{
background-image: none;
background-color: #E3F0F8;
}

/* List item Header Color */
.z-listbox div.z-listbox-header tr.z-list-head, .z-listbox
div.z-listbox-header tr.z-auxhead , .z-listbox
div.z-listbox-header tr.z-listhead, .z-listbox
div.z-listbox-header tr.z-auxhead
{
background-image : none;
background-color : #99CC99;
color:white;
}

div.z-listfooter-cnt, div.z-listheader-cnt
{
border: 0 none;
color: black;
font-family: verdana,arial,sans-serif;
font-size:
12px; margin: 0;
}

.z-listheader-cnt :hover
{
border: 0 none; color: white;
font-family: verdana,arial,sans-serif;
font-size: 12px;
margin: 0;
}

div.z-listbox-header th.z-listheader-sort-over
{
background-image: none;
}

div.z-listfooter-cnt, div.z-listcell-cnt, div.z-listheader-cnt
{
font-size : 12px;
font-family: verdana,arial,sans-serif;
}

.z-paging-os
{
padding-left: 40%;
}

.z-paging
{
padding-left: 40%;
background: none repeat scroll 0 0 transparent;
}

.z-listheader-sort-img
{
float: left;
font-size: 0;
left: 90%;
margin-left: auto;
margin-right: auto;
position: absolute;
}

div.z-paging-os-cnt-l, div.z-paging-os-cnt-r,
div.z-paging-os-cnt-m, div.z-paging-os-cnt-seld-l,
div.z-paging-os-cnt-seld-r, div.z-paging-os-cnt-seld-m,
div.z-paging-os-cnt-l-over
{
background-image : none;
}


.listitemlink.z-a
{
color: blue !important;
}

div.z-listbox-body .z-listcell, div.z-listbox-footer
.z-listfooter
{
cursor: default;
}

</style>
<window title="Practice List" height="500px" border="normal">
<listbox id="box" mold="paging" pageSize="5"
pagingPosition="top">
<listhead sizable="true">
<listheader label="Practice Name" sort="auto" />
<listheader label="City" sort="auto" />
<listheader label="State" sort="auto" />
<listheader label="Zip Code" sort="auto" />
</listhead>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Adult Medical Day Care" sclass="listitemlink" />
</listcell>
<listcell label="Cumberland" />
<listcell label="Maryland" />
<listcell label="21502" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Baptist Medical Center" sclass="listitemlink" />
</listcell>
<listcell label="Kansas" />
<listcell label="Missouri" />
<listcell label="64131" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="California Medical Facility" sclass="listitemlink" />
</listcell>
<listcell label="Vacaville" />
<listcell label="California" />
<listcell label="95696" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Garden Park Medical Cente" sclass="listitemlink" />
</listcell>
<listcell label="Gulfport" />
<listcell label="Mississipp" />
<listcell label="395033085" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Albion Health Center" sclass="listitemlink" />
</listcell>
<listcell label="Albion" />
<listcell label="New york" />
<listcell label="14420" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Beacon Community Health Center" sclass="listitemlink" />
</listcell>
<listcell label="Beacon" />
<listcell label="New york" />
<listcell label="12508" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Bolton Health Center" sclass="listitemlink" />
</listcell>
<listcell label="Bolton Landing" />
<listcell label="New york" />
<listcell label="12814" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Inwood Medical Practice" sclass="listitemlink" />
</listcell>
<listcell label="Bronx" />
<listcell label="New york" />
<listcell label="10452" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Urban Horizons Family Practice" sclass="listitemlink" />
</listcell>
<listcell label="Bronx" />
<listcell label="New york" />
<listcell label="10452" />
</listitem>
<listitem>
<listcell>
<a href="http://www.zkoss.org"
label="Bedford Medical" sclass="listitemlink" />
</listcell>
<listcell label="Brooklyn" />
<listcell label="New york" />
<listcell label="11229" />
</listitem>
</listbox>
</window>
</zk>

No comments:

Post a Comment

Passing Parameter between two files using MVVM

This examples shows how to pass parameter between two zul screens. In this example, we are passing some parameters from the parent vm to...