5 Replies Latest reply on Feb 7, 2012 11:26 AM by swampdev

    rich:collapsiblePanel inside h:panelGrid collapse problem

    ainanmis

      I am using rich:collapsiblePanel inside h:panelGrid in jsf 2.x.

      collapsiblePanel doesn't close . Are there anyone knows the reason.

        • 1. rich:collapsiblePanel inside h:panelGrid collapse problem
          ainanmis

          When using collapsePanel  inside panelGrid , collapsePanel did not close. collapse panel switchType value was "ajax" .

          I changed switchType=client then it worked.

          1 of 1 people found this helpful
          • 2. rich:collapsiblePanel inside h:panelGrid collapse problem
            ilya_shaikovsky

            wrapped second panel at http://localhost:8080/richfaces-showcase/richfaces/component-sample.jsf?demo=collapsiblePanel&skin=blueSky to panelGrid and nothing changed (still working)

            • 3. Re: rich:collapsiblePanel inside h:panelGrid collapse problem
              ainanmis

              I can not see working example at ttp://localhost:8080/richfaces-showcase/richfaces/component-sample.jsf?demo=collapsiblePanel&skin=blueSky, but My collapsePanel is not working correctly. ı am using 4.0.0.Final version. my code is below.

               

               

              <h:panelGrid columns="1" styleClass="greyPanel">

                                  <h:panelGrid columns="3" styleClass = "whitePanel">

                                 ............................

                                  ...........................

                                  </h:panelGrid>

                                   <rich:collapsiblePanel rendered="#{provizyonIstekBean.sigortaliPanel}" header="Sigortalı bilgileri"

                                          switchType="ajax">

                                              <h:panelGrid columns="4">

                                                     .....

                                                     .....

               

                                               </h:panelGrid>

               

                                               <h:dataTable  value = "#{provizyonIstekBean.provizyonList}" var = "provizyon"

                                               border="1" cellspacing="3">

                                                  <f:facet name="header">

                                                      <h:outputText value="Ön Provizyon Listesi"></h:outputText>

                                                  </f:facet>

                                                  <h:column>

                                                      <f:facet name="header">Seç</f:facet>

                                                          <h:outputText value=" "></h:outputText>

                                                  </h:column>

                                                 ......

                                                 .....

               

                                                 </h:dataTable>

               

                                      </rich:collapsiblePanel>

               

                              </h:panelGrid>

              • 4. Re: rich:collapsiblePanel inside h:panelGrid collapse problem
                bcn

                Hi,

                 

                I had the same problem, the panel did not work at all, in neither switch type.

                Now I have found the solution: in a template there was an include

                 

                        <script type="text/javascript">

                        // initialise plugins

                        jQuery(function(){

                            jQuery('ul.sf-menu').superfish();

                        });

                    </script>

                 

                by the web designer. That results in a collapsible panel that does not react at all.

                • 5. Re: rich:collapsiblePanel inside h:panelGrid collapse problem
                  swampdev

                  Same thing happens to me when using collapsible panels in a datatable.  I have the switchType="ajax".  The panels won't close when 2 or more are opened simultaneously.  This happens for me on more than one page I'm developing.  I can switch them to switchType="client", but for some reason, that causes the information inside the collapsible panel to render incorrectly (some things won't render) when I add new information to it (manually reloading the page shows the information correctly so it must be a rendering problem).  When I try to set switchType="server", you can't just expand and collapse individual panels, because if you expand one, all of them expand, and then none will close, so the page has to be refreshed.