7 Replies Latest reply on Oct 8, 2010 5:36 AM by ilya_shaikovsky

    modal panel not poping up

    rajendra85

      Hi guys,

       

      I have a form inside i have used <ui:composion> tags as well as <ui:define>

      and inside i have created my form and i have created a command button if we click that pop up should open but pop up not opening but same code i have tried in <html:.......> in that case its opening so please any body tell me  whats wrong with rich:component--> modal panel 

        • 1. Re: modal panel not poping up
          sivaprasad9394

          can you please show your code.?

          • 2. Re: modal panel not poping up
            rajendra85

            <ui:composition xmlns="http://www.w3.org/1999/xhtml"
                            xmlns:ui="http://java.sun.com/jsf/facelets"
                            xmlns:f="http://java.sun.com/jsf/core"
                            xmlns:h="http://java.sun.com/jsf/html"
                            xmlns:rich="http://richfaces.org/rich"
                            xmlns:a="http://richfaces.org/a4j" template="../template.jsp">
            <ui:define name="body">

             

            <a:commandButton id="cbNew" value="New" action="#{genPar0301Action.addMainSource }"
                                                            onclick="#{rich:component('createMainModal')}.show()"></a:commandButton>       

             

            <rich:modalPanel id="createMainModal" height="310"
                                            style="background-color:#f1f1f1" width="533">
                            <f:facet name="header">
                                <h:outputText value="Create Main Source" />
                            </f:facet>
                            <f:facet name="controls">
                                    <span style="cursor:pointer" onclick="#{rich:component('createMainModal')}.hide();">X</span>
                            </f:facet>
                            <h:form id="createMain">
                                <table bgcolor="#f1f1f1" cellpadding="5" cellspacing="5">
                                    <tr>
                                        <td><h:outputText id="otCode" value="Property" styleClass="required"/></td>
                                        <td><h:selectOneMenu id="itSomProperty" style="width: 335px" readonly="#{expression}"></h:selectOneMenu></td>
                                    </tr>
                                    <tr>
                                        <td><h:outputText id="otCode" value="Main Source" styleClass="required"></h:outputText></td>
                                        <td><h:inputText id="itmSourceCode" size="8" maxlength="6" value="#{expression}" onkeypress="fromLowerToUpper(this)" readonly="#{expression}"></h:inputText>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td><h:outputText id="otName" value="Name" styleClass="required"></h:outputText></td>
                                        <td><h:inputText id="itmLongName" size="51" maxlength="40" value="#{bean.field }"  onkeypress="ConvertToProperCase(this)"></h:inputText></td>
                                    </tr>
                                    <tr>
                                        <td><h:outputText id="otName" value="ShortName" styleClass="required"></h:outputText></td>
                                        <td><h:inputText id="itmShortName" size="13" maxlength="10" value="#{bean.field}" onkeypress="ConvertToProperCase(this)"></h:inputText></td>
                                    </tr>
                                    <tr>
                                        <td style="width: 54px">
                                                        <h:inputText id="itmSequence"
                                                                     size="4"
                                                                     maxlength="3"
                                                                     value="#{bean.field}"
                                                                     onkeypress="return isNumericKey(event)">
                                                        </h:inputText>
                               
                                                        <h:panelGroup rendered="#{expression}" style="padding-top: 5px;">
                               
                                                            <rich:spacer width="25"/>
                               
                                                            <h:selectBooleanCheckbox id="itmStatus" value="#{bean.field }" style="vertical-align: bottom"/>
                               
                                                            <rich:spacer width="10"/>
                               
                                                            <h:outputText id="otmActive" value="Active" styleClass="not-required" style="vertical-align: bottom">
                               
                                                            </h:outputText>
                               
                                                        </h:panelGroup>
                                         </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <a:commandButton id="pcbSubmit" value="Save"
                                                                action="#{action method call}"
                                                                reRender="SourceForm"
                                                                oncomplete="#{rich:component('createMainModal')}.hide();"/>
                                        </td>
                                        <td>
                                            <a:commandButton id="pcbReset" type="reset" value="Reset"
                                                                action="#{reset method call }">
                                            </a:commandButton>
                                        </td>
                                    </tr>
                                </table>
                            </h:form>
                        </rich:modalPanel>

             

             

             

            This is my code im using rich faces 3.3.2 and jsf 1.2 and jdk1.5

            • 3. Re: modal panel not poping up
              sivaprasad9394

              try oncomplete to show modalpanel.

              • 4. Re: modal panel not poping up
                rajendra85

                Hi sivaprasad,

                 

                I have tried oncomplete also ; but its not working ; If the same code i have pasted in other workspace and without ui:composition its working fine.I am not understand why its behaving like this. I am not unstand how to solve this issue. Still one more day i have to clear this issue. Please help me out in this Thanks in advance..

                • 5. Re: modal panel not poping up
                  ilya_shaikovsky
                  • 6. Re: modal panel not poping up
                    rajendra85

                    Hi finally its working. Some javascript problem; my told me that see any js mistake then i have gone through the code find the js and redo what i did now its working thanks to my friend as well as  SivaPrasad  for responding to this query, finally thanks to rich faces for giving me this oppertunity to solve my issue.

                    • 7. Re: modal panel not poping up
                      ilya_shaikovsky

                      doh.. posted to wrong thread.. ignore that.