4 Replies Latest reply on Mar 3, 2011 5:11 AM by Kike Gil

    popupPanel style

    Kike Gil Novice

      When i make a table in a popupPanel for default the style of the table is "border-collapse:separate", but when i modify this style to "border-collapse:collapse", when the popupPanel is hidden, the lines(borders) of the table are visibles in the principal parent.

      If you dont understand , i put two images to see it

      Is this normal?????

      Is a problem of popupPanel?

        • 1. popupPanel style
          Ilya Shaikovsky Master

          how do you adding that style?

          • 2. popupPanel style
            Kike Gil Novice

            <rich:popupPanel id="recetas" modal="true" resizeable="false" movable="true" autosized="true" width="900" style="background-color:#5F9F9F">

                     <f:facet name="header">

                            <h:outputText value="Detalles de la dispensacion"/>


                         <f:facet name="controls">

                            <h:outputLink value="#" onclick="#{rich:component('recetas')}.hide();return false;" styleClass="link1">





                 Here i put one table, HTML table or rich:dataTable or extendedDataTable do the same


                           <table style="width: 100%" style="border-collapse:collapse;">





                           <rich:dataTable style="border-collapse:collapse"></rich:dataTable>


            • 3. popupPanel style
              Ilya Shaikovsky Master

              any other custom css on your page? because if I'm only adding such style - issue not appears.

              • 4. popupPanel style
                Kike Gil Novice

                i see only happens in IE7 and i push F5, bufff... it's very very strange


                <table style="width: 100%" style="border-collapse:collapse;" class="tableClass">


                          <td class="borderClass">Something</td>




                the css is simple:



                /*border-bottom: 1px #C0C0C0 solid;*/

                text-align: center;

                font-family:Arial, Helvetica, sans serif;




                border:1px #C0C0C0 solid;

                background-color: white;