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

    modal panel not poping up

    Rajendra J Newbie

      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
          Siva P Master

          can you please show your code.?

          • 2. Re: modal panel not poping up
            Rajendra J Newbie

            <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
              Siva P Master

              try oncomplete to show modalpanel.

              • 4. Re: modal panel not poping up
                Rajendra J Newbie

                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..

                • 6. Re: modal panel not poping up
                  Rajendra J Newbie

                  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 Master

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