asked
2014-11-04 07:24:27 +0800
peterg4000 30 ● 2 I am trying to create a 'multiple window' desktop view with 3 or 4 windows a user can adjust to their liking.
I initially used zk 'window' containers, and it worked great, but the ID Space separation between them was a problem.
So I changed to floatable, movable Panels.
THE PROBLEM - So far my .zul attempts have all the panels coming up on top of each other at page load. The 'top=' attribute doesn't seem to work.
I have made a zk fiddle at:
http://zkfiddle.org/sample/1hmq0dh/3-Floating-panel-positioning
And .zul code is below.
Can someone please show me the best/simplest/normal way to give these panels a sensible starting position?
<window title="Outer window" width="100%" height="100%">
<!-- How to get these 2 panels to not appear on top of each other??? -->
<panel title="Panel 1 at top=5%" top="10px" width="50%" floatable="true" movable="true" >
<panelchildren>
<button label="Button 1"/>
</panelchildren>
</panel>
<panel title="Panel 2 at top=30%" top="300px" width="50%" floatable="true" movable="true" >
<panelchildren>
<button label="Button 2"/>
</panelchildren>
</panel>
</window>