[
https://issues.jboss.org/browse/RF-12591?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Jean ANDRE updated RF-12591:
----------------------------
Description:
See the screen capture for the visual effect.
1) The error occurs only if the popupPanel is modal.
2) The error occurs only on IE 7, works on IE8 et lastest FireFox - Not tested
on IE9
3) When we display a modal popupPanel, the shadow is very bigger than the
dialog box.
3.1) Even setting the attribute shadowDepth="0" does not have any effect. The
div tag is still rendered.
The workaround found is as following - Hidden the shadow panel as below.
{code}
/* only for IE7 compatibility - hide the shadow panel for popup panel */
.rf-pp-shdw {
visibility:hidden;
display:none;
}
{code}
As consequence, we do not have any shadow panel any more, but it is working on
IE7.
1) Then, it is possible to not render the shadow panel when the shadowDepth is
set to "0" ?
2) What is the differences between a non modal popupPanel (which works with
shadow) vs modal popupPanel which does not work ?
- Where the DIV shadow takes/inherit its height ???
Here is a sample code to give some context of the error.
{code}
<!-- -->
<!-- B O D Y -->
<!-- -->
<div id="content" class="content">
<!-- -->
<!-- STATUS -->
<!-- -->
<a4j:status id="ajax-status"
name="ajaxStatus"
onstart="#{rich:component('messageWaiter')}.show()"
onstop="#{rich:component('messageWaiter')}.hide()"
onerror="#{rich:component('errorReporter')}.show()" />
<!-- -->
<!-- WAITER MESSAGE -->
<!-- -->
<rich:popupPanel id="messageWaiter"
modal="false"
autosized="true"
resizeable="false"
shadowDepth="3"
shadowOpacity="2"
top="250">
<h:outputText
value="#{msg['info.wait.message']}" />
</rich:popupPanel>
<!-- -->
<!-- ERROR REPORTER -->
<!-- -->
<rich:popupPanel id="errorReporter"
modal="true"
autosized="true"
resizeable="false"
shadowDepth="0"
shadowOpacity="2"
top="250">
<f:facet name="header">
<h:outputText
value="#{msg['error.application.title']}" />
</f:facet>
<a4j:outputPanel layout="block">
<p>
<h:outputText
value="#{msg['error.application.message']}" />
</p>
<a4j:outputPanel styleClass="right-align"
layout="block">
<!-- -->
<!-- CLOSE CMD -->
<!-- -->
<h:outputLink id="errorCloseCmd"
value="#{request.contextPath}/">
<h:outputText
value="#{msg['common.command.close']}" />
</h:outputLink>
</a4j:outputPanel>
</a4j:outputPanel>
</rich:popupPanel>
{code}
was:
See the screen capture for the visual effect.
1) The error occurs only if the popupPanel is modal.
2) The error occurs only on IE 7, works on IE8 et lastest FireFox - Not tested
on IE9
3) When we display a modal popupPanel, the shadow is very bigger than the
dialog box.
3.1) Even setting the attribute shadowDepth="0" does not have any effect. The
div tag is still rendered.
The workaround found is as following - Hidden the shadow panel as below.
{code}
/* only for IE7 compatibility - hide the shadow panel for popup panel */
.rf-pp-shdw {
visibility:hidden;
display:none;
}
{code}
As consequence, we do not have any shadow panel any more, but it is working on
IE7.
1) Then, it is possible to not render the shadow panel when the shadowDepth is
set to "0" ?
2) What is the differences between a non modal popupPanel (which works with
shadow) vs modal popupPanel which does not work ?
- Where the DIV shadow takes/inherit its height ???
{code}
<!-- -->
<!-- B O D Y -->
<!-- -->
<div id="content" class="content">
<!-- -->
<!-- STATUS -->
<!-- -->
<a4j:status id="ajax-status"
name="ajaxStatus"
onstart="#{rich:component('messageWaiter')}.show()"
onstop="#{rich:component('messageWaiter')}.hide()"
onerror="#{rich:component('errorReporter')}.show()" />
<!-- -->
<!-- WAITER MESSAGE -->
<!-- -->
<rich:popupPanel id="messageWaiter"
modal="false"
autosized="true"
resizeable="false"
shadowDepth="3"
shadowOpacity="2"
top="250">
<h:outputText
value="#{msg['info.wait.message']}" />
</rich:popupPanel>
<!-- -->
<!-- ERROR REPORTER -->
<!-- -->
<rich:popupPanel id="errorReporter"
modal="true"
autosized="true"
resizeable="false"
shadowDepth="0"
shadowOpacity="2"
top="250">
<f:facet name="header">
<h:outputText
value="#{msg['error.application.title']}" />
</f:facet>
<a4j:outputPanel layout="block">
<p>
<h:outputText
value="#{msg['error.application.message']}" />
</p>
<a4j:outputPanel
styleClass="right-align" layout="block">
<!-- -->
<!-- CLOSE CMD -->
<!-- -->
<h:outputLink
id="errorCloseCmd" value="#{request.contextPath}/">
<h:outputText
value="#{msg['common.command.close']}" />
</h:outputLink>
</a4j:outputPanel>
</a4j:outputPanel>
</rich:popupPanel>
{code}
> popupPanel - IE7 - Modal state - Bad shadow rendering - height ?
> ----------------------------------------------------------------
>
> Key: RF-12591
> URL: https://issues.jboss.org/browse/RF-12591
> Project: RichFaces
> Issue Type: Bug
> Security Level: Public(Everyone can see)
> Affects Versions: 4.2.3.Final
> Reporter: Jean ANDRE
> Attachments: RF-12591_PopupPanel_BadShadow.png
>
>
> See the screen capture for the visual effect.
> 1) The error occurs only if the popupPanel is modal.
> 2) The error occurs only on IE 7, works on IE8 et lastest FireFox - Not
> tested on IE9
> 3) When we display a modal popupPanel, the shadow is very bigger than the
> dialog box.
> 3.1) Even setting the attribute shadowDepth="0" does not have any effect.
> The div tag is still rendered.
> The workaround found is as following - Hidden the shadow panel as below.
> {code}
> /* only for IE7 compatibility - hide the shadow panel for popup panel */
> .rf-pp-shdw {
> visibility:hidden;
> display:none;
> }
> {code}
> As consequence, we do not have any shadow panel any more, but it is working
> on IE7.
> 1) Then, it is possible to not render the shadow panel when the shadowDepth
> is set to "0" ?
> 2) What is the differences between a non modal popupPanel (which works with
> shadow) vs modal popupPanel which does not work ?
> - Where the DIV shadow takes/inherit its height ???
> Here is a sample code to give some context of the error.
> {code}
> <!-- -->
> <!-- B O D Y -->
> <!-- -->
> <div id="content" class="content">
> <!-- -->
> <!-- STATUS -->
> <!-- -->
> <a4j:status id="ajax-status"
> name="ajaxStatus"
> onstart="#{rich:component('messageWaiter')}.show()"
> onstop="#{rich:component('messageWaiter')}.hide()"
>
> onerror="#{rich:component('errorReporter')}.show()" />
> <!-- -->
> <!-- WAITER MESSAGE -->
> <!-- -->
> <rich:popupPanel id="messageWaiter"
> modal="false"
>
> autosized="true"
>
> resizeable="false"
> shadowDepth="3"
>
> shadowOpacity="2"
> top="250">
> <h:outputText
> value="#{msg['info.wait.message']}" />
> </rich:popupPanel>
> <!-- -->
> <!-- ERROR REPORTER -->
> <!-- -->
> <rich:popupPanel id="errorReporter"
> modal="true"
>
> autosized="true"
>
> resizeable="false"
> shadowDepth="0"
>
> shadowOpacity="2"
> top="250">
> <f:facet name="header">
> <h:outputText
> value="#{msg['error.application.title']}" />
> </f:facet>
> <a4j:outputPanel layout="block">
> <p>
> <h:outputText
> value="#{msg['error.application.message']}" />
> </p>
> <a4j:outputPanel styleClass="right-align"
> layout="block">
> <!-- -->
> <!-- CLOSE CMD -->
> <!-- -->
> <h:outputLink id="errorCloseCmd"
> value="#{request.contextPath}/">
> <h:outputText
> value="#{msg['common.command.close']}" />
> </h:outputLink>
> </a4j:outputPanel>
> </a4j:outputPanel>
> </rich:popupPanel>
> {code}
--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira
_______________________________________________
richfaces-issues mailing list
[email protected]
https://lists.jboss.org/mailman/listinfo/richfaces-issues
