# zk 3.5.1 css guidance pls

rudiblack
72

i finally join the "club" of css cases of zk 3.5.1
it seems that it does not want to work w/ my command..

things like changing background img as in
.z-splitter-hor-outer (line 1)

{
background-image: url(/xxxx/zkau/web/zul/img/splt/splt-h-ns.png);
background-repeat: repeat-y;
max-width: 8px;
width: 8px;
background-position: right top;
}

.z-splitter-hor
{
background-image: url(/xxxx/zkau/web/zul/img/splt/splt-h.png);
background-position: left center;
font-size: 0pt;
max-width: 8px;
width: 8px;
}

i try to overwrite it w/
.z-splitter-hor-outer, .z-splitter-hor{
background-image: /xxxx/img/logo.gif;
width:10px;
}
but... the value remind the same as the original.

i, some how, manage to play w/ the buttons and some other components but again... making a transparent background as for the listbox is still (again) no luck..

any 1 pls give me a hand (or two) ? :P

many thx
-rudi-

delete retag edit

## 7 Replies

rudiblack
72

hmm.. so far, i still stuck w/ .z-splitter-hor on zk3.5.1. i cant overwrite any of the default style such as removing the background-image.

any help?

many thx..
-rudi-

flyworld
155 3

if you wanna remove the background-image you hav to set it to none

background-image:none;


in fact, i can't udst what component you want to customize the style
i guess it is "splitter", you can see the code below, it works fine for me
<window title="test" border="normal">
<style>
.z-separator-hor-bar {
background-image:none;
background-color:black;
}
</style>
<separator bar="true"/>
</window>



rudiblack
72

sadly, it does not do the magic. hmmm... i also have the same problem w/ the paging.... any 1 else?
many thx

flyworld
155 3

which part of paging u wanna to customize ?
if u wanna your listbox background transparent you can use this class:

tr.z-listbox-odd {
background:none;
}

rudiblack
72

the paging part that i meant is like in <listbox mold=paging> there is a zk's style guidance.. but as many other... it is also need to be updated...

flyworld
155 3

ya, i think so, the style guide should mark as "under maintenance"..
however, i still use Firebug+Firefox customize my zk application ....

rudiblack
72

i "wierdly" manage to solve the case. it seems that the separator is more managable if i'm using w/ tabbox accordian-lite rather than the default accordian. here is the sample

<hbox>
<tabbox id="tb" width="160px" mold="accordion-lite">
....
</tabbox>
<separator/>
</hbox>

by using the accordian-lite... the css style that reported by the firebug is responding correctly.. is it a bug?
hmm... i guess the css help for zk 3.5.1 is really need to be upgraded..

[hide preview]