0

Panel/tree background colour?

asked 2012-03-10 06:03:41 +0800

davout gravatar image davout
1435 3 18

I'm using a tree inside a panel to act like a menu. When the tree is displayed inside the panel then the background colour of the unused part of the tree appears grey rather than the background white used in the panel

<tabpanel id="panelPlanning" height="100%" >
   <tree width="100%" height="100%">
      <treecols>
         <treecol label="" />
      </treecols>
      <treechildren>
         <treeitem>
	   <treerow>
		<treecell label="New..." />
	   </treerow>
	</treeitem>
	<treeitem>
	   <treerow>
		<treecell label="Summary" />
	   </treerow>
	</treeitem>
   </treechildren>
</tree>
</tabpanel>



How can I set the unused part of the tree to adopt the same background colour as the containing panel?

delete flag offensive retag edit

4 Replies

Sort by ยป oldest newest

answered 2012-03-10 09:35:17 +0800

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

updated 2012-03-10 09:35:55 +0800

Try with 'contentStyle':

<groupbox id="groupbox_menu" contentStyle="background-color: white; overflow:auto">

best
Stephan

link publish delete flag offensive edit

answered 2012-03-10 18:57:06 +0800

davout gravatar image davout
1435 3 18

I can't set 'contentStyle' against the tree - it won't accept it. I've tried using your suggested settings as...

style = "background-color: white"

... against both the enclosing panel and/or tree - neither works.

One thing I noticed. I had the tree set to height="100%". If I remove this then the grey background goes but I get a line border around the tree which I don't want. Any suggestions for removing this?

link publish delete flag offensive edit

answered 2012-03-11 21:40:31 +0800

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

seems the background-color comes from the tabPanel

link publish delete flag offensive edit

answered 2012-03-16 07:29:15 +0800

benbai gravatar image benbai
2228 6
http://www.zkoss.org

Try remove the background-image of the tree,

<tree ... style="background-image: none; background-color: white;">

Regards,
Ben

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: 2012-03-10 06:03:41 +0800

Seen: 169 times

Last updated: Mar 16 '12

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