voyent
IE not rendering defined CSS upon JSF Navigation  XML
Forum Index -> Portals & Portlets
Author Message
dseppeler

Joined: 01/Apr/2011 10:30:06
Messages: 2
Offline


Having some odd behavior showing up here:

IE is not behaving properly in that the CSS stylesheets are not all loading after a page navigation in a portlet,

Background: The JSR 286 portlet application running on IBM Websphere 7 is a JSF 1,2 Icefaces 1.8.2 facelets application. All my pages are xhtml. The stylesheets are identified in the template facelet right under the ice:portlet tag:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ice="http://www.icesoft.com/icefaces/component">
<ice:portlet id="#{portletId}">
<ice:outputStyle href="/resources/css/ehp.css" />
<ice:outputStyle href="/resources/css/jquery-ui.css" />
<ice:outputStyle href="/resources/css/custom.css" />
<div class="connectionErrorPanel"
...

when the page renders in the browser, the custom.css is included in the page:

...
<link href="/EDI-Portlets/resources/css/ehp.css" rel="stylesheet" type="text/css" /><link href="/EDI-Portlets/resources/css/jquery-ui.css" rel="stylesheet" type="text/css" /><link href="/EDI-Portlets/resources/css/custom.css" rel="stylesheet" type="text/css" />
...

Now when the portlet loads the initial page, the custom.css appears to load correctly using the css defined in the outputStyle tags.

However, during navigation in the portlet to other pages and/or returning to the same page, the custom.css does not appear to load.

This behavior appears only in IE. Chrome and Firefox work as expected.

Any suggestions?
deryk.sinotte


Joined: 26/Oct/2004 00:00:00
Messages: 1008
Offline


Just a reminder, if you are a customer with a support agreement with ICEsoft, you should direct all support-related inquiries through the official support channel.

The problem is likely related to this case:

http://jira.icesoft.org/browse/ICE-3277

The workaround in there should be the answer. Basically, for IE, you need to move the CSS output components to the bottom of the view/page:

Code:
 ...
         <ice:outputStyle href="/resources/css/ehp.css" /> 
         <ice:outputStyle href="/resources/css/jquery-ui.css" /> 
         <ice:outputStyle href="/resources/css/custom.css" /> 
     </ice:portlet>
 </f:view>
 

Deryk Sinotte
Team Lead
ICEsoft Technologies, Inc.
 
Forum Index -> Portals & Portlets
Go to:   
Powered by JForum 2.1.7ice © JForum Team