3 Replies Latest reply on Oct 5, 2012 10:54 AM by liumin hu

    How to open and close rich:popupPanel from the same link

    Thang Pham Newbie

      I follow this example from the showcase: http://showcase.richfaces.org/richfaces/component-sample.jsf?demo=popup&sample=login&skin=blueSky

      it show how I can click on a link to open a popupPanel and append that panel to the same position of that link. But I want so that if I click again, it will close the panel. Anyone know how to achieve that? Here is my code

       

       

              <h:outputLink value="#" id="sb-dd-ol" >
                  <rich:componentControl event="click" operation="show" target="sb-dd-pp">
                      <a4j:param noEscape="true" value="event"/>
                      <rich:hashParam>
                          <a4j:param noEscape="true" name="top"
                                     value="jQuery(#{rich:element('sb-dd-ol')}.parentNode).offset().top + 
                                            jQuery(#{rich:element('sb-dd-ol')}.parentNode).height()" />
                          <a4j:param noEscape="true" name="left" 
                                     value="jQuery(#{rich:element('sb-dd-ol')}.parentNode).offset().left" />
                      </rich:hashParam>
                  </rich:componentControl>
                  Test
              </h:outputLink>
              <rich:popupPanel id="sb-dd-pp" autosized="true" modal="false" 
                               moveable="false" resizeable="false" followByScroll="false">
                  This is a test
              </rich:popupPanel>