1 Reply Latest reply on Oct 22, 2013 2:31 PM by saini.sushant

rich:popupPanel works fine in Google chrome 30.0.1599.101 but not in IE8

saini.sushant Oct 22, 2013 1:53 PM

I am trying to migrate my application from Richfaces 3.3.3 to 4.3.2. For modal panels I have changed the tag to rich:popupPanel as shown following, although everything else work fine on my page when I try to show the modal panel, it appears at the bottom of the page and does not block anything at all. Also a huge space is introduced on my page based on where I keep this modal panel on my xhtml. If I keep this on the top of the page, there is space there. If I keep it on the bottom of the page, there is a space on bottom of my page when the page is loaded and when the pop up is not being displayed.

This use to work perfectly in richfaces 3.3.3 and broke after migration. If you look at the image below see how the modal panel is way bottom of the page that we can't even see the content on the page.

<rich:popupPanel id="waitForResponse" modal="true" >

<h:graphicImage value="images/ajax-loader.gif" alt="Please wait while loading..." />

</rich:popupPanel>

Please not that there is lots of content on the page and it does not appear here since the modal panel open way below on the page.

1. Re: rich:popupPanel works fine in Google chrome 30.0.1599.101 but not in IE8

saini.sushant Oct 22, 2013 2:31 PM (in response to saini.sushant)

I have been able to resolve this issue with the help of this rich:popupPanel not 'popping up' in IE . here is how the starting section of my master template looked before the change.

<ui:composition 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:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:tr="http://myfaces.apache.org/trinidad">
<html>

<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rexus</title>

<link rel="stylesheet" type="text/css" href="css/star-skin2.css" />
</h:head>

and here is how it looks like now

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 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:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
xmlns:tr="http://myfaces.apache.org/trinidad">

<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rexus</title>

<link rel="stylesheet" type="text/css" href="css/star-skin2.css" />
</h:head>
Actions