2 Replies Latest reply on Jun 25, 2012 7:36 AM by Karsten Wutzke

    rich:popupPanel breaks subsequent text to next line

    Karsten Wutzke Expert



      I have the following panelGroup (in a Facelets sub view):


      {code:xml}  <h:panelGroup id="#{panelId}">

          <h:inputText value="#{fileName}"



          <h:outputText value=" " />

          <ui:include src="/subviews/preview-link.xhtml">


          <h:outputText value=" " />

          <ui:include src="/subviews/image-link-confirm-popup.xhtml">

            <ui:param name="linkImageFileName" value="cross.png" />



          <h:outputText value=" 72 KB" rendered="#{not empty fileName}" />


      The relevant nested Facelets sub view image-link-confirm-popup.xhtml is:


      {code:xml}  <h:panelGroup rendered="#{panelRendered}">


            <h:graphicImage library="images/icons" name="#{linkImageFileName}"  />

            <rich:componentControl target="#{popupId}" operation="show" />


          <ui:include src="/subviews/confirm-popup.xhtml">

            <!-- popup params implicitly available from caller -->



      The confirm-popup.xhtml just is a single popup:


      {code:xml}  <rich:popupPanel modal="true"





      When placing an outputText after the image-link-confirm-popup.xhtml (h:commandLink + rich:popupPanel) the outputText appears in the next line, as if a new block is rendered.


      It looks like this:


      Why in the world is this happening?


      I inspected the generated code for the popup:


      {code:xml}     ...

           <div class="rf-pp-hndlr rf-pp-hndlr-br" id="j_idt18:tendering-remove-popupResizerSE">



          <script type="text/javascript">new RichFaces.ui.PopupPanel("j_idt18:tendering\u002Dremove\u002Dpopup",{"height":160,"resizeable":true} );</script>

         </div> <!-- cause? -->


        <span> 72 KB</span>



      Is the div the cause for this? Or the divs? Is there a way to fix this?




      PS: Note, that because the popupPanel is part of a reusable image link, it is not possible to put the popup anywhere else but where it currently is.