0

How to change Portal children style

asked 2011-10-14 11:03:56 +0800

gyowanny gravatar image gyowanny
283 1 2 6

updated 2011-10-14 12:49:01 +0800

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,

delete flag offensive retag edit

4 Replies

Sort by ยป oldest newest

answered 2011-10-14 14:45:14 +0800

terrytornado gravatar image terrytornado flag of Germany
9393 3 7 16
http://www.oxitec.de/

updated 2011-10-14 14:49:42 +0800

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

link publish delete flag offensive edit

answered 2011-10-14 19:38:58 +0800

gyowanny gravatar image gyowanny
283 1 2 6

Hi Terry,

Looks good. Thanks.

link publish delete flag offensive edit

answered 2011-10-15 08:22:35 +0800

gyowanny gravatar image gyowanny
283 1 2 6

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

link publish delete flag offensive edit

answered 2011-10-18 23:14:28 +0800

gyowanny gravatar image gyowanny
283 1 2 6

Ok,

I figured it out myself.

The background image path was wrong. That's why I have to stop working on small hours. The brain doesn't work properly.

Thanks,

Gyo

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: 2011-10-14 11:03:56 +0800

Seen: 199 times

Last updated: Oct 18 '11

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