ZK - Open Source Ajax Java FrameworkZK - Open Source Ajax Java Framework

Portal Layout

Thiru
9 Mar 2010 08:08:54 GMT
9 Mar 2010 08:08:54 GMT

Hi All,

I need portal layout with three childrens ( instead of 30%, 30%, 40%) with 50% - 50% -100%

please see the code which will get the above layout structure and will run directly in zk demo
===============================start code=============================================
<portallayout maximizedMode="whole">
<portalchildren style="padding: 5px" width="30%">
<panel height="150px" title="Google Tools" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<iframe width="100%" height="100%" src="http://3.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/toolspromo.xml&nocache=0&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=3&ifpctok=5090480830848781425&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMAs4ACwrMBA4ACwrMBI4ACwrMBM4ACw/zYieI_ujwr4.js"/>
</panelchildren>
</panel>
<panel height="300px" title="LabPixies Clock" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<iframe width="100%" height="100%" src="http://34.gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/clock/mini_clock.xml&nocache=0&up_skin_id=&upt_skin_id=hidden&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=34&ifpctok=-3234052241260630457&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
</panelchildren>
</panel>
</portalchildren>

<portalchildren style="padding: 5px" width="70%">
<panel height="300px" title="ToDo" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<iframe width="100%" height="100%" src="http://cj399o2i-a.gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/todo/todo.xml&nocache=0&up_saved_tasks=&upt_saved_tasks=hidden&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=31&ifpctok=-1474109439244469874&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
</panelchildren>
</panel>
<panel height="100px" title="Wikipedia" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<iframe width="100%" height="100%" src="http://29.gmodules.com/ig/ifr?url=http://wpsearchbar.wikia.com/common/wpsearchbar.xml&nocache=0&up_mylang=&upt_mylang=enum&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=29&ifpctok=4012247812086609177&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
</panelchildren>
</panel>
</portalchildren>

<portalchildren style="padding: 5px" width="100%">
<panel height="400px" title="Trio" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<iframe width="100%" height="100%" src="http://35.gmodules.com/ig/ifr?url=http://www.labpixies.com/campaigns/trio/trio.xml&nocache=0&lang=en&country=us&.lang=en&.country=us&synd=ig&mid=35&ifpctok=7430207052966295609&parent=http://www.google.com&extern_js=/extern_js/f/CgJlbhICdXMrMBI4ACwrMBM4ACw/v3vgcgA0x8g.js"/>
</panelchildren>
</panel>
</portalchildren>
</portallayout>
===============================end code=============================================


Here my problem is draging the portlets among the three layout children,
1. am able to drag any portlet to layout children 3( 100%)
2. am able to drag any portlet to layout children 1( 50% first fifty percentage) with work around (dragging the portlet to complete left side).
3. am unable to drag any portlet to layout children 2( 50% second fifty percentage)

Please help me how to drag portlets to all layout childrens , and provide what are the default different type of layouts available

Thanks
Thiru

jimmyshiau
9 Mar 2010 21:05:12 GMT
9 Mar 2010 21:05:12 GMT

Hi, Thiru
The portal layout not support 50% - 50% -100%
because spec is "column" drag
not support "row" drag

Thiru
10 Mar 2010 00:12:11 GMT
10 Mar 2010 00:12:11 GMT

Thank You as1225,

But the same layout is working fine in zk3.5/zk3.6 which i have implemented, and i am able drag the portlet to any layout of above three (50% - 50% -100%).

jimmyshiau
10 Mar 2010 01:32:41 GMT
10 Mar 2010 01:32:41 GMT

I try (50% - 50% -100%). in ZK 3.6.3
It has the same behavior in ZK5
only can drag to children 3