Bug with zkPanel under IE7

asked 2008-12-14 07:35:16 +0800

Vic
54

updated 2008-12-14 08:30:29 +0800

Hi.
I try to use in zk 3.5.2:
public class MyPanel extends Panel {
}
and add instance of MyPanel to the Div on the page.

All work perfect under Opera, FF3 and IE6, but under IE7 I have next orange error:
"Failed to invoke zkPanel.onSize
Invalid argument"
With buttons redraw and close

How can it be solved ?

delete flag offensive retag edit

8 Replies

Sort by » oldest newest

answered 2008-12-14 09:43:51 +0800

dennis
3679 ● 1 ● 6
http://www.javaworld.com....

Could you provide a simple reproducible code?

link publish delete flag offensive edit

answered 2008-12-14 16:09:39 +0800

Vic
54

Yes of course, I am trying to localize this problem.

link publish delete flag offensive edit

answered 2008-12-16 15:08:47 +0800

Vic
54

updated 2008-12-16 15:16:48 +0800

Hi again.
Sorry for long delay, but I have spent about 2 days for catching these bugs, but I did it :)

I see a lot of problems(I think bugs under IE7). I try to describe some of them.
All bugs appear under IE7 with version 7.0.6001.18000 (Vista). But all work perfect under 7.0.5730.13 and Opera, FF3, IE6.

1) After click button IE7 shows error "Failed to invoke zkPanel.onVisi
Invalid argument."

Zul code:

<?xml version="1.0" encoding="UTF-8"?>
<zk>

<style>
.z-panel-cl {padding-left: 3px;}
.z-panel-cr {padding-right: 3px;}
.z-panel-cm {padding-top: 3px;}
.z-panel-nofbar .z-panel-bm {height: 3px;}
</style>

<panel id="test" visible="false" open="false"
     maximizable="true"  framable="true" 
    collapsible="true">    
    <panelchildren>dd</panelchildren>    
</panel>
<button label="click" onClick="test.setVisible(true);" />
</zk>

2) When I use Panel without changed <style> inside <Div> and start value of property open="false" I got header with buttons (close, minimize, collapse) in column (not in row)

ZUL code:

<?xml version="1.0" encoding="UTF-8"?>
<zk>
<window id="windowMain" position="right,bottom" style="height:100%;width:100%;padding: 0px; border: 0px;" >
	<borderlayout id="borderlayoutMain"  style="border:none;padding:0px; margin:0px">
		<west border="normal" flex="true" splittable="true" collapsible="true" size="200px" maxsize="350" >    
					<div id="leftDiv" >
						<panel id="test" visible="false" open="false" title="any title"
    					 	maximizable="true"  framable="true" closable="true"
    						collapsible="true">    
    						<panelchildren>dd</panelchildren>    
						</panel>
		    		</div>    		
	    </west> 		
	    <center>       	    
        	<button label="click" onClick="test.setVisible(true);" />
	    </center>    		    
	</borderlayout>
</window>
</zk>

3) In some cases in combination 1st and 2nd bug I got error "Failed to invoke zkPanel.onSize
Invalid argument" But I havn’t catch it still. :(

4) When I use scroll in <div> and press open/close in high <panel> (with many elements in it) I got visual bug as white space in the right top corner of panel.
ZUL code:

<?xml version="1.0" encoding="UTF-8"?>
<zk>
<zscript>contacts = new int[150] </zscript>

<window id="windowMain" position="right,bottom" style="height:100%;width:100%;padding: 0px; border: 0px;" >
	<borderlayout id="borderlayoutMain"  style="border:none;padding:0px; margin:0px">
		<west border="normal" flex="true" splittable="true" collapsible="true" size="200px" maxsize="350" >    
					<div id="leftDiv" style="position: absolute;top:0;height:100%; width:100%; overflow:auto;">
						<panel id="test" visible="false" open="true" title="any title"
    					 	maximizable="true"  framable="true" closable="true"
    						collapsible="true">    
    						<panelchildren>
    							<listbox width="100px">
								<listitem label="${each}" forEach="${contacts}"/>
								</listbox>
    						</panelchildren>    
						</panel>
		    		</div>    		
	    </west> 		
	    <center>       	    
        	<button label="click" onClick="test.setVisible(true);" />
	    </center>    		    
	</borderlayout>
</window>
</zk>

I hope it will help.

link publish delete flag offensive edit

answered 2008-12-18 08:19:10 +0800

dennis
3679 ● 1 ● 6
http://www.javaworld.com....

updated 2008-12-18 08:19:53 +0800

Ok, after the testing, I think you do some customization but not do it the wrong way.
try this. you need to change all the px from to 6 to 3, and also suggest you to change the image form the new size

<style>
.z-panel-cl {padding-left: 3px;}
.z-panel-cr {padding-right: 3px;}
.z-panel-tl {padding-left: 3px;}
.z-panel-tr {padding-right: 3px;}
.z-panel-bl {padding-left: 3px;}
.z-panel-br {padding-right: 3px;}
</style>