0

ZK R6.0.2 web app page displays in IE9, is blank in Chrome 22

asked 2012-10-28 20:02:45 +0800

davout gravatar image davout
1435 3 18

I've been developing a web app with ZK6.0.2 and testing it both inside the MyEclipse IDE with an embedded IE9 and outside with a normal IE9 browser, and everything works fine.

When I tried to access the same web app using Chrome 22 after an initial login page I get a blank display.

Any suggestions?

delete flag offensive retag edit

2 Replies

Sort by ยป oldest newest

answered 2012-10-28 20:18:49 +0800

davout gravatar image davout
1435 3 18

The ZUL page that shows blank in Chrome is composed using 'include' tags for style and window content, like:

?page title="Essays In Software - Jourdan"?>
<?init class="com.eis.zk.lifecycle.StartingPoint" ?>
<zk xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:zk="http://www.zkoss.org/2005/zk">
    <include id="includeStyle" src="/view/style/user_style_default.zul" />
	<include id="includeTemplate" src="/view/template/user_template_default.zul"/>
</zk>


If I take out the 'includeStyle' include tag then the page displays correctly in Chrome. Why would that be?

The style zul file looks pretty simple, see:
<style>
	
	<![CDATA[ 
	         
	.header {
		height: 60px;
		}
	.header_h1 {
		margin: 0;
		padding: 2px 0 0 2px;
		font-weight: 100;
		font-size: 20px;
		letter-spacing: -1px;
		color: #3F3F3F;
		}
	.header_h1_a { text-decoration: none; color: #3F3F3F; }
	.header_h1_a:hover { text-decoration: none; color: #4F4F4F; }

	.header_h2 { color: #afafaf; font-size: 12px; font-weight: 100; padding: 0 0 0 30px; }
	
	.body { 
		font-family: Tahoma, Arial, sans-serif; 
		line-height: 1.4;
		font-size: 12px;
		margin: 0;
		padding: 0;
		}
	
	.content {
			float: left;
			margin-top: 10px;
			}
	
	.home_ul {
		list-style-type: none;
   	    padding-left: 30px;
		margin: 0;
		list-style-type: none;
		}
	
	.home_li {
		background: url(image/bullet/bullet1.png) no-repeat center left;
		padding: 2px 0 2px 25px;
		margin: 0;
		}

	
	.header-bar {height: 12px } .header-title1 { color: white; font-family: Tahoma;	font-size: 22px; font-weight: bold; } 
	
	.header-title2 { color:	#efefef; font-family: Georgia; font-size: 14px; font-style: italic;}
	
	.center-left { border-left: 1px solid #CFCFCF; padding: 8px; }
	
	.center-left-inner { border-right: 1px solid #CFCFCF; color:#6f6f6f; }
	
	.center-right { border-right: 1px solid #CFCFCF }
	
	.sidebar-title { font-size: 14px; font-weight: bold; }
	
	.sidebar-bar { border-top: 1px dotted gray; margin-right: 5px; margin-top: 15px;} 
	
	.content-date { color: #999999; font-family: 'Trebuchet	MS',Trebuchet; font-size: 12px; letter-spacing: 0.2em; }
	
	.content-title { color: #015182; font-family: 'Trebuchet MS',Trebuchet; 
	                 font-size: 16px; font-weight: bold; line-height:
	                 30px; text-decoration: none; } 
	
	.content-title:hover {text-decoration: underline }
	                 
	.content-desc { color: gray; font-family: 'Trebuchet MS',Trebuchet; font-size: 14px; white-space:normal; } 
	
	.content-more { color: gray; font-family: 'Trebuchet MS',Trebuchet; font-size: 12px; 
	                font-style: italic; font-weight: bold; } 
	
	.footer { background-color: #165379; border-top : 1px solid	gray; color: #EFEFEF; text-align: right; }
	
	.GridLayoutNoBorder  GridLayoutNoBorder tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body div.z-cell,div.z-grid { 
	border: none; 
	overflow: hidden; 
	zoom: 1; 
	background: white; 
	border-top: none; 
	border-left: none; 
	border-right: none; 
	border-bottom: none; 
	} 
	
   .GridSummary tr.z-row td.z-row-inner,tr.z-row,div.z-grid-body div.z-cell,div.z-grid {
      background: #DAE7F6; border: 1px solid #7F9DB9; overflow: hidden; zoom: 1; 
   }
   
   .warning {color: red; font-weight: bold; }

	]]>
</style>

link publish delete flag offensive edit

answered 2012-10-28 20:33:39 +0800

davout gravatar image davout
1435 3 18

I have a fix. Changed the ZUL file to:

<?link rel="stylesheet" type="text/css" href="/view/style/user_style_default.zul"?>

<?page title="Essays In Software - Jourdan"?>
<?init class="com.eis.zk.lifecycle.StartingPoint" ?>
<zk >
	<include id="includeTemplate" src="/view/template/user_template_default.zul"/>
</zk>


This now displays in both IE9 and Chrome22

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2012-10-28 20:02:45 +0800

Seen: 51 times

Last updated: Oct 28 '12

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More