Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
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