-
FEATURED COMPONENTS
First time here? Check out the FAQ!
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?
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>
<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>
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>
Asked: 2012-10-28 20:02:45 +0800
Seen: 51 times
Last updated: Oct 28 '12