0 Replies Latest reply on Jun 30, 2009 3:09 AM by ajanz

fliker over modal panel on iframe

ajanz Jun 30, 2009 3:09 AM

i still got trouble with flicker effect on a modal panel over an iframe containing a pdf document.

my modal panel is like this.

<?xml version="1.0" encoding="ISO-8859-1"?>
<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:rich="http://richfaces.org/rich"
 xmlns:a4j="http://richfaces.org/a4j"
 xmlns:s="http://jboss.com/products/seam/taglib">


<rich:modalPanel id="edittabledatadlg" autosized="true" moveable="true"
keepVisualState="true" zindex="600"
 overlapEmbedObjects="true" rendered="true">
 <f:facet name="header">
 <h:panelGroup>
 <h:outputText value="Daten bearbeiten"></h:outputText>

 </h:panelGroup>
 </f:facet>

 <h:form id="tabledata">
 <rich:messages></rich:messages>
 <h:panelGroup id="idrowdata" layout="block"
style="background-color:white;z-index:550">
 <h:outputLabel value="Test" for="" />
 <h:inputText value="" />
 <h:outputLabel value="Test" for="" />
 <h:inputText value="" />
 <h:outputLabel value="Test" for="" />
 <h:inputText value="" />
 <h:outputLabel value="Datum" for="" />
 <rich:calendar value="" />
 </h:panelGroup>


 <h:panelGrid columns="5" style="float:right">
 <a4j:commandButton id="newrow" value="Neu"
 styleClass="rich-button" style="width:90px"
action="#{Page.tablerowadd}"
 reRender="idrowdata">
 </a4j:commandButton>

 <a4j:commandButton id="prevrow" value="ZurÃ¼ck"
 styleClass="rich-button" style="width:90px"
action="#{Page.tablerowprev}"
 reRender="idrowdata">
 </a4j:commandButton>
 <a4j:commandButton id="nextrow" value="Vor"
 styleClass="rich-button" style="width:90px"
action="#{Page.tablerownext}"
 reRender="idrowdata">
 </a4j:commandButton>



 <a4j:commandButton id="saverowdata" value="Ok"
 oncomplete="Richfaces.hideModalPanel('edittabledatadlg');"
 styleClass="rich-button" style="width:90px"
 action="#{Page.tablerowsave}" reRender="tabcurrentworkflow">
 </a4j:commandButton>
 <a4j:commandButton id="saverowdatacancel" value="Abbrechen"
 immediate="true" style="width:90px" action="#{Page.canceledit}"
 onclick="Richfaces.hideModalPanel('edittabledatadlg')"
 styleClass="rich-button" reRender="tabcurrentworkflow">
 </a4j:commandButton>
 </h:panelGrid>
</h:form>

 </rich:modalPanel>


</ui:composition>

the iframe is

<a4j:outputpanel id="docframe" style="z-index:0" >


<h:outputLabel value="" for="" />
 <s:link action="#{Download.getfile}" > <h:outputText value ="Datei
extern Ã¶ffnen" />
 <f:param name="file" value="#{Page.masterdoc}"/>
 <f:param name="orig" value="#{Page.dokorigfilename}"/>
 </s:link>
 <h:outputLabel value="" for="" />


 <iframe src="#{WorkflowPage.masterdoc}" frameborder="1"
allowTransparency="true"
 style="position: relative; overflow-y: scroll; overflow-x:
scroll;z-index:0;border:1px solid #000000;background-color:transparent"
 height="787px" width="684px" />


</a4j:outputpanel>

i read http://aplus.rs/lab/z-pos/

but didn't help me....