Borderlayout Collapsible

asked 2010-08-12 13:19:18 +0800

tredmond gravatar image tredmond
21 1

Hi, I'm using BorderLayout with Collapsible set to true on a North area and set to false for a Center area. All is fine except that when an area is collapsed and replaced with the bar and a button to expand, I can click on the bar and the North contents appear OVER (on top of) the other area (i.e. North appears over Center).

I can also click the expand button again and the North area appears pushing the Center area down. This is what I want. But I don't want to be able to click on the collapsed bar (not the button) and have the North area appear over the the Center. Is there a way to disable this??



delete flag offensive retag edit

2 Replies

Sort by ยป oldest newest

answered 2010-08-13 02:13:01 +0800

RyanWu gravatar image RyanWu
533 2

you can use ZK client side programing ! (in Zk 5)

<zk xmlns:w="http://www.zkoss.org/2005/zk/client">
	<borderlayout width="400px" height="400px" style="border:1px solid gray;">
		<west title="West" size="25%"
			splittable="true" collapsible="true"
			w:doClick_="function (evt) { if (evt.domTarget != this.$n('colled')) this.$doClick_(evt);}">
			<div >
				<label value="25%"  />
		<center border="none" flex="true">
			<div >
				<label value="Hello ! this is ZK Client Programing !"  />

link publish delete flag offensive edit

answered 2010-08-13 04:40:35 +0800

tredmond gravatar image tredmond
21 1

Thank you very much Ryan. That's excellent and works a treat.


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: 2010-08-12 13:19:18 +0800

Seen: 410 times

Last updated: Aug 13 '10

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