DragIndicator is shown below modal panel ---------------------------------------- Key: RF-8056 URL: https://jira.jboss.org/jira/browse/RF-8056 Project: RichFaces Issue Type: Bug Components: component-drag/drop Affects Versions: 3.3.2.SR1 Reporter: Nick Belaevski Try the following code. Open modalPanel and try to drag any framework item - drag indicator is shown when cursor is out of panel and it's below it. <rich:modalPanel id="mp" minHeight="200" minWidth="450" height="400" width="600" zindex="2000"> <f:facet name="header"> <h:outputText value="Modal Panel Title" /> </f:facet> <f:facet name="controls"> </f:facet> <rich:dragIndicator id="indicator" /> <h:form id="form"> <h:panelGrid columnClasses="panelc" columns="4" width="100%"> <rich:panel style="width:133px"> <f:facet name="header"> <h:outputText value="Source List" /> </f:facet> <h:dataTable id="src" columns="1" value="#{dndBean.frameworks}" var="fm" footerClass="footerClass"> <h:column> <a4j:outputPanel style="width:100px;border:1px solid gray;padding:2px" layout="block"> <rich:dragSupport dragIndicator="indicator" dragType="#{fm.family}" dragValue="#{fm}"> <rich:dndParam name="label" value="#{fm.name}" /> </rich:dragSupport> <h:outputText value="#{fm.name}"></h:outputText> </a4j:outputPanel> </h:column> <f:facet name="footer"> <a4j:commandButton action="#{dndBean.reset}" value="Start Over" reRender="src,phptable,cftable,dnettable"/> </f:facet> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value="PHP Frameworks" /> </f:facet> <rich:dropSupport id="php" acceptedTypes="PHP" dropValue="PHP" dropListener="#{eventBean.processDrop}" reRender="phptable, src"> </rich:dropSupport> <h:dataTable id="phptable" columns="1" value="#{dndBean.containerPHP}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value=".NET Frameworks" /> </f:facet> <rich:dropSupport id="dnet" acceptedTypes="DNET" dropValue="DNET" dropListener="#{eventBean.processDrop}" reRender="dnettable, src"> </rich:dropSupport> <h:dataTable id="dnettable" columns="1" value="#{dndBean.containerDNET}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value="ColdFusion Frameworks" /> </f:facet> <rich:dropSupport id="cf" acceptedTypes="CF" dropValue="CF" dropListener="#{eventBean.processDrop}" reRender="cftable, src"> </rich:dropSupport> <h:dataTable id="cftable" columns="1" value="#{dndBean.containerCF}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> </h:panelGrid> </h:form> <p>Any JSF content might be inside the panel. In case of using Facelets or JSF 1.2, it might be any mixed content.</p> <p>The RichFaces modal panel is good with &lt;a4j:include&gt; to create a wizard like behavior.</p> <p>The model panel is open and closed from the javascript function on <i>Richfaces</i> object. The following code <a href="#" onclick="#{rich:component('mp')}.hide()">hide this panel</a>: <f:verbatim>&#35;</f:verbatim>{rich:component('mp')}.hide()</p> </rich:modalPanel>

DragIndicator is shown below modal panel ---------------------------------------- Key: RF-8056 URL: https://jira.jboss.org/jira/browse/RF-8056 Project: RichFaces Issue Type: Bug Security Level: Public(Everyone can see) Components: component-drag/drop Affects Versions: 3.3.2.SR1 Reporter: Nick Belaevski Assignee: Andrey Markhel Priority: Minor Fix For: 3.3.3.CR1 Try the following code. Open modalPanel and try to drag any framework item - drag indicator is shown when cursor is out of panel and it's below it. <rich:modalPanel id="mp" minHeight="200" minWidth="450" height="400" width="600" zindex="2000"> <f:facet name="header"> <h:outputText value="Modal Panel Title" /> </f:facet> <f:facet name="controls"> </f:facet> <rich:dragIndicator id="indicator" /> <h:form id="form"> <h:panelGrid columnClasses="panelc" columns="4" width="100%"> <rich:panel style="width:133px"> <f:facet name="header"> <h:outputText value="Source List" /> </f:facet> <h:dataTable id="src" columns="1" value="#{dndBean.frameworks}" var="fm" footerClass="footerClass"> <h:column> <a4j:outputPanel style="width:100px;border:1px solid gray;padding:2px" layout="block"> <rich:dragSupport dragIndicator="indicator" dragType="#{fm.family}" dragValue="#{fm}"> <rich:dndParam name="label" value="#{fm.name}" /> </rich:dragSupport> <h:outputText value="#{fm.name}"></h:outputText> </a4j:outputPanel> </h:column> <f:facet name="footer"> <a4j:commandButton action="#{dndBean.reset}" value="Start Over" reRender="src,phptable,cftable,dnettable"/> </f:facet> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value="PHP Frameworks" /> </f:facet> <rich:dropSupport id="php" acceptedTypes="PHP" dropValue="PHP" dropListener="#{eventBean.processDrop}" reRender="phptable, src"> </rich:dropSupport> <h:dataTable id="phptable" columns="1" value="#{dndBean.containerPHP}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value=".NET Frameworks" /> </f:facet> <rich:dropSupport id="dnet" acceptedTypes="DNET" dropValue="DNET" dropListener="#{eventBean.processDrop}" reRender="dnettable, src"> </rich:dropSupport> <h:dataTable id="dnettable" columns="1" value="#{dndBean.containerDNET}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value="ColdFusion Frameworks" /> </f:facet> <rich:dropSupport id="cf" acceptedTypes="CF" dropValue="CF" dropListener="#{eventBean.processDrop}" reRender="cftable, src"> </rich:dropSupport> <h:dataTable id="cftable" columns="1" value="#{dndBean.containerCF}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> </h:panelGrid> </h:form> <p>Any JSF content might be inside the panel. In case of using Facelets or JSF 1.2, it might be any mixed content.</p> <p>The RichFaces modal panel is good with &lt;a4j:include&gt; to create a wizard like behavior.</p> <p>The model panel is open and closed from the javascript function on <i>Richfaces</i> object. The following code <a href="#" onclick="#{rich:component('mp')}.hide()">hide this panel</a>: <f:verbatim>&#35;</f:verbatim>{rich:component('mp')}.hide()</p> </rich:modalPanel>

DragIndicator is shown below modal panel ---------------------------------------- Key: RF-8056 URL: https://issues.jboss.org/browse/RF-8056 Project: RichFaces Issue Type: Bug Security Level: Public(Everyone can see) Components: component-drag/drop Affects Versions: 3.3.2.SR1 Reporter: Nick Belaevski Priority: Minor Fix For: Future_3.X Try the following code. Open modalPanel and try to drag any framework item - drag indicator is shown when cursor is out of panel and it's below it. <rich:modalPanel id="mp" minHeight="200" minWidth="450" height="400" width="600" zindex="2000"> <f:facet name="header"> <h:outputText value="Modal Panel Title" /> </f:facet> <f:facet name="controls"> </f:facet> <rich:dragIndicator id="indicator" /> <h:form id="form"> <h:panelGrid columnClasses="panelc" columns="4" width="100%"> <rich:panel style="width:133px"> <f:facet name="header"> <h:outputText value="Source List" /> </f:facet> <h:dataTable id="src" columns="1" value="#{dndBean.frameworks}" var="fm" footerClass="footerClass"> <h:column> <a4j:outputPanel style="width:100px;border:1px solid gray;padding:2px" layout="block"> <rich:dragSupport dragIndicator="indicator" dragType="#{fm.family}" dragValue="#{fm}"> <rich:dndParam name="label" value="#{fm.name}" /> </rich:dragSupport> <h:outputText value="#{fm.name}"></h:outputText> </a4j:outputPanel> </h:column> <f:facet name="footer"> <a4j:commandButton action="#{dndBean.reset}" value="Start Over" reRender="src,phptable,cftable,dnettable"/> </f:facet> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value="PHP Frameworks" /> </f:facet> <rich:dropSupport id="php" acceptedTypes="PHP" dropValue="PHP" dropListener="#{eventBean.processDrop}" reRender="phptable, src"> </rich:dropSupport> <h:dataTable id="phptable" columns="1" value="#{dndBean.containerPHP}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value=".NET Frameworks" /> </f:facet> <rich:dropSupport id="dnet" acceptedTypes="DNET" dropValue="DNET" dropListener="#{eventBean.processDrop}" reRender="dnettable, src"> </rich:dropSupport> <h:dataTable id="dnettable" columns="1" value="#{dndBean.containerDNET}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> <rich:panel styleClass="dropTargetPanel"> <f:facet name="header"> <h:outputText value="ColdFusion Frameworks" /> </f:facet> <rich:dropSupport id="cf" acceptedTypes="CF" dropValue="CF" dropListener="#{eventBean.processDrop}" reRender="cftable, src"> </rich:dropSupport> <h:dataTable id="cftable" columns="1" value="#{dndBean.containerCF}" var="fm"> <h:column> <h:outputText value="#{fm.name}"></h:outputText> </h:column> </h:dataTable> </rich:panel> </h:panelGrid> </h:form> <p>Any JSF content might be inside the panel. In case of using Facelets or JSF 1.2, it might be any mixed content.</p> <p>The RichFaces modal panel is good with &lt;a4j:include&gt; to create a wizard like behavior.</p> <p>The model panel is open and closed from the javascript function on <i>Richfaces</i> object. The following code <a href="#" onclick="#{rich:component('mp')}.hide()">hide this panel</a>: <f:verbatim>&#35;</f:verbatim>{rich:component('mp')}.hide()</p> </rich:modalPanel>