-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi
I want to override the default background of the button, Here is the code
[code<?page title="Auto Generated index.zul"?>
<zk>
<style>
.z-button .z-button-cm {
background-image:url('/img/Bubble.png'); }
</style>
<window title="Hello World!!" border="normal" width="200px">
<button label="click" onClick="" mold="trendy" />
</window>
</zk>
But nothing is changing when we run. Please help me.
Senthilchettyin.
By modifying your CSS background-image to a known url such as:
<style> .z-button .z-button-cm { background-image:url('http://www.zkoss.org/zksandbox/img/network.gif'); } </style>
This indicates that the path you are using is incorrect.
Hope that helps,
Todd
Yes it works
But why label ("click") is not visible
Senthilchettyin,
The label is actually there, just hard to read because of my poor choice of images (and the fact that the images repeat along the X axis).
To prove it, change your <button> tag to look like this:
<button label="click" onClick="" mold="trendy" style="font-weight:bold;font-size:1em; color:red;"/>
Regards,
Todd
Thank you Sooooooooooooooooooooo much. I really appreciate for helping new comers
Asked: 2012-03-27 13:45:52 +0800
Seen: 154 times
Last updated: Mar 28 '12