-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi,
I want to change the PANEL children (It's wrong in the thread's title) component style. Actually I want to change it's header image as well as the border color.
Can somebody show me an example code?
Thank you,
Try this Gyo:
should looks like this pic:
<?xml version="1.0" encoding="UTF-8"?> <zk xmlns="http://www.zkoss.org/2005/zul" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.zkoss.org/2005/zul http://www.zkoss.org/2005/zul/zul.xsd"> <panel> <caption image="/images/youtube_40x16.jpg" label="hello Gyo" height="40px" style="padding-left: 10px; border-style: dotted; border-width: 3px;"> </caption> <panelchildren> <label value="This is a label in the panelchildren" /> </panelchildren> </panel> </zk>
best
Stephan
Terry,
now, I would like to go beyond and change the image that comprises the panel header.
I have the code below in my css, but it's showing the header white.
.z-panel-tl, .z-panel-tr, .z-panel-tl-gray, .z-panel-tr-gray, .z-panel-bl, .z-panel-br { background: #0482E15; background-image: none; } /*Header */ .z-panel-hm .z-panel-header, .z-panel-header { /*background: #482E15;*/ background: transparent repeat-x 0 0; background-image: url('/HomeProdutos/agronegocio/imagens/panel_header.png') repeat-x 100% 100%; color: white; } /*Header left*/ .z-panel-hl { /*background: #482E15;*/ background: transparent repeat-x 0 0; background-image: url('/HomeProdutos/agronegocio/imagens/panel_header.png'); } /*Header right*/ .z-panel-hr { /*background: #482E15;*/ background: transparent repeat-x 0 0; background-image: url('/HomeProdutos/agronegocio/imagens/panel_header.png'); } /*Header middle*/ .z-panel-hm { /*background: #482E15;*/ background: transparent repeat-x 0 0; background-image: url('/HomeProdutos/agronegocio/imagens/panel_header.png'); }
and the background image I'm trying to apply is here
Is this something wrong with my picture since it's height is smaller than ZK's default one or am I missing something?
Thanks
Asked: 2011-10-14 11:03:56 +0800
Seen: 200 times
Last updated: Oct 18 '11