0

zk 3.5.1 css guidance pls

asked 2008-11-04 08:32:03 +0800

rudiblack gravatar image 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 flag offensive retag edit

7 Replies

Sort by ยป oldest newest

answered 2008-11-05 13:35:52 +0800

rudiblack gravatar image 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-

link publish delete flag offensive edit

answered 2008-11-06 00:40:23 +0800

flyworld gravatar image 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>

link publish delete flag offensive edit

answered 2008-11-06 00:58:54 +0800

rudiblack gravatar image rudiblack
72

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

link publish delete flag offensive edit

answered 2008-11-06 01:02:29 +0800

flyworld gravatar image flyworld
155 3

updated 2008-11-06 01:06:04 +0800

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;
}

link publish delete flag offensive edit

answered 2008-11-06 01:10:07 +0800

rudiblack gravatar image 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...

link publish delete flag offensive edit

answered 2008-11-06 01:14:32 +0800

flyworld gravatar image 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 ....

link publish delete flag offensive edit

answered 2008-11-06 02:24:22 +0800

rudiblack gravatar image 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..

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2008-11-04 08:32:03 +0800

Seen: 350 times

Last updated: Nov 06 '08

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More