Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
Hi All!
I have a problem with listbox in portal layout. I have a listbox, which contains the set of flash objects. The problem is that listbox content is clipped, and no horizontal scroll is displayed. When I use listbox with simple cells, containing labels or images, no problem occurs. Here is the code sample:
<portallayout>
<portalchildren style="padding: 5px" width="50%">
<panel height="400px" title="Panel1" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<listbox width="100%" vflex="true">
<listhead><listheader label="problem with scrolling" width="100%"/></listhead>
<listitem>
<listcell><flash src="http://www.zkoss.org/Steps/learn.swf" width="400" height="350" /></listcell>
</listitem>
</listbox>
</panelchildren>
</panel>
</portalchildren>
<portalchildren style="padding: 5px" width="50%">
<panel height="400px" title="Panel2" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<listbox width="100%" vflex="true">
<listhead><listheader label="problem with scrolling" width="100%"/></listhead>
<listitem>
<listcell><flash src="http://www.zkoss.org/Steps/learn.swf" width="400" height="350"/></listcell>
</listitem>
</listbox>
</panelchildren>
</panel>
</portalchildren>
</portallayout>
I have tried your code in FF 3,x and chrome 3.x.
What is exactly the problem with it ??? What should be clipped ??
regards
Stephan
terrytornado
Thanks for your interest! Flash object is clipped when browser is resized.
This is a problem of IE 7 and FF 2.x. I didn't test it on FF 3.x and chrome 3.x
I have tested in FF 3.5x and chrome 3.x.
I have played with your code for a while. The problem to solved is
how we can made the flash scrollable. My last tries goes in a direction to do a
panel under the flash but it has not the needed effect.
Thanks for your tries.
I thought that iframe can help with this, but it doesn't help for me. May be you can try to use it and paste flash src into iframe? I tried as follows:
<portallayout>
<portalchildren style="padding: 5px" width="50%">
<panel height="400px" title="Panel1" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<listbox width="100%" vflex="true">
<listhead><listheader label="problem with scrolling" width="100%"/></listhead>
<listitem>
<listcell><iframe src="http://www.zkoss.org/Steps/learn.swf" width="100%" height="100%"/></listcell>
</listitem>
</listbox>
</panelchildren>
</panel>
</portalchildren>
<portalchildren style="padding: 5px" width="50%">
<panel height="400px" title="Panel2" border="normal" collapsible="true" closable="true" maximizable="true" style="margin-bottom:10px">
<panelchildren>
<listbox width="100%" vflex="true">
<listhead><listheader label="problem with scrolling" width="100%"/></listhead>
<listitem>
<listcell><iframe src="http://www.zkoss.org/Steps/learn.swf" width="100%" height="100%"/></listcell>
</listitem>
</listbox>
</panelchildren>
</panel>
</portalchildren>
</portallayout>
Asked: 2009-08-21 17:52:45 +0800
Seen: 660 times
Last updated: Sep 02 '09