[
https://issues.jboss.org/browse/RF-12591?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12731371#comment-12731371
]
Jean ANDRE edited comment on RF-12591 at 11/3/12 12:53 PM:
-----------------------------------------------------------
If you want to be targeted and allowing the shadow for non modal dialog and
still removing for the modal one, you can try following piece of code where XXX
is the id of your popupPanel.
{code}
div.rf-pp-shdw[id='XXXX_shadow'] {
visibility:hidden;
display:none;
}
{code}
was (Author: jorelia64):
If you want to be targeted and allowing the shadow for non modal dialog and
still removing for the modal one, you can try following piece of code where XXX
is the id of your popupPanel.
div.rf-pp-shdw[id='XXXX_shadow'] {
visibility:hidden;
display:none;
}
> 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
