Borderlayout components are not visible within Tab content.

asked 2008-11-06 19:14:28 +0800

meherss gravatar image meherss

updated 2008-11-06 19:20:47 +0800

Gurus -
Having some interesting problem on ZK 3.5.1 -
Borderlayout components are not visible within Tab content.

Please see the sample zul here ...

<tabbox width="100%">
			<tab label="Inbox" />
			<tabpanel >
				<borderlayout height="100%">
					<north title="North" maxsize="300" size="50%"
						splittable="true" collapsible="true">
							<west title="West" size="25%" flex="true"
								maxsize="250" splittable="true" collapsible="true">
								<div style="background:#B8D335">
									<label value="25%"
										style="color:white;font-size:50px" />
							<center border="none" flex="true">
								<div style="background:#E6D92C">
									<label value="25%"
										style="color:white;font-size:50px" />
							<east size="50%" border="none"
								<label value="Here is a non-border"
									style="color:gray;font-size:30px" />

Interesting obeservation; when I changed
<borderlayout height="100%">
<borderlayout height="400px">

for some reason framework does not like 100% or no height attribute, it does not display the layout.

Any help is appreciated.

delete flag offensive retag edit

3 Replies

Sort by ยป oldest newest

answered 2008-11-06 22:15:20 +0800

jyluo gravatar image jyluo
147 1 1

In most browsers if you want to use "100%" for the height of an element, then you must make sure you have set a height value for ALL the element's parent containers. This is indeed painful, but I guess it's not ZK, it's CSS.

link publish delete flag offensive edit

answered 2008-11-07 01:01:31 +0800

flyworld gravatar image flyworld
155 3

yes, jyluo is right, you hav to set height to borderlayout, because it donno how height should it become

link publish delete flag offensive edit

answered 2008-11-07 13:59:44 +0800

meherss gravatar image meherss

Thanks guys, I looked at the generated html - this is classic CSS DIV height=100% problem.
I need a solution badly because it is a content pane and I don't want to compute height for every resize.
I will try the suggestions made, not sure about the outcome. I will post the result whatever it might be.

Thanks once again.

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




Asked: 2008-11-06 19:14:28 +0800

Seen: 250 times

Last updated: Nov 07 '08

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