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

Bug with zkPanel under IE7

Vic
14 Dec 2008 07:35:16 GMT
14 Dec 2008 07:35:16 GMT

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 ?

dennis
14 Dec 2008 09:43:51 GMT
14 Dec 2008 09:43:51 GMT

Could you provide a simple reproducible code?

Vic
14 Dec 2008 16:09:39 GMT
14 Dec 2008 16:09:39 GMT

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

Vic
16 Dec 2008 15:08:47 GMT
16 Dec 2008 15:08:47 GMT

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.

dennis
18 Dec 2008 08:19:10 GMT
18 Dec 2008 08:19:10 GMT

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>

Vic
18 Dec 2008 09:26:48 GMT
18 Dec 2008 09:26:48 GMT

Ok, I will try it, thank you.
But it is 1st bug only. In 2nd and 4th bugs I don't use customization at all, as you can see in examples.

dennis
18 Dec 2008 10:12:13 GMT
18 Dec 2008 10:12:13 GMT

maybe you should remove the style customization first to see if 2,4 happen or not.

Vic
18 Dec 2008 20:27:07 GMT
18 Dec 2008 20:27:07 GMT

Dennis, I dont use style customization at all in cases 2 and 4 :) There are different bugs, I think. You can see it in my examples.

dennis
22 Dec 2008 01:37:04 GMT
22 Dec 2008 01:37:04 GMT

Hi, Vic,
for 2 and 4, could you describe more, i cannot figure out the issue.
(what is the correct result you want?)

and it is better if you can separate different issues/topics in different threads.