-
FEATURED COMPONENTS
First time here? Check out the FAQ!
the panel in portallayout can be maximized, but the maximize is only that full fill the column in Portal. is there any posiable to made the panel be full screen when maximized?
testing code is below:
<portallayout>
<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://www.google.com"/>
</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://www.google.com"/>
</panelchildren>
</panel>
</portalchildren>
<portalchildren style="padding: 5px" width="30%">
<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://www.google.com"/>
</panelchildren>
</panel>
</portalchildren>
<portalchildren style="padding: 5px" width="40%">
<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://www.google.com"/>
</panelchildren>
</panel>
</portalchildren>
</portallayout>
You have to write your own maximize button, since the standard maximize would ruin the portalchildren structure.
For example:
You have 3 portallayout-columns (the portalchildren) each with a 250px width... what do you think the portal Layout should do? Mix all columns together to get one wide portalchildren?
You see, the only way to achieve this is to write your own behavior.
@martin79
thanks for your help!
but How to write my own maximize button,
do you have any ideas or examples to describe how to add a custom event in an existed zk component, or change a existed zk default event?
any ideas would be very appreciated
Hi,cryandaguo
you can change the width of other portalchildren when maximizable
<zk> <zscript><![CDATA[ void doMax() { p1.width="100%"; p2.width="0%"; p3.width="0%"; } ]]></zscript> <portallayout> <portalchildren id="p1" style="padding: 5px" width="30%"> <panel height="150px" title="Google Tools" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px" onMaximize="doMax()"> <panelchildren> <iframe width="100%" height="100%" src="http://www.google.com" /> </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://www.google.com" /> </panelchildren> </panel> </portalchildren> <portalchildren id="p2" style="padding: 5px" width="30%"> <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://www.google.com" /> </panelchildren> </panel> </portalchildren> <portalchildren id="p3" style="padding: 5px" width="40%"> <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://www.google.com" /> </panelchildren> </panel> </portalchildren> </portallayout>
//jimmy
Asked: 2009-09-29 02:58:31 +0800
Seen: 197 times
Last updated: Oct 06 '09