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>

                         <f:facet name="controls">

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

                             X

                            </h:outputLink>

                        </f:facet>

                        

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

                       

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

                         </table>

             

                           or

             

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

            </rich:popupPanel>

            • 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">

                     <tr>

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

                     <tr>

                </table>

                 

                the css is simple:

                 

                .tableClass{

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

                text-align: center;

                font-family:Arial, Helvetica, sans serif;

                font-size:8pt;

                }

                .borderClass{

                border:1px #C0C0C0 solid;

                background-color: white;

                padding:2px;

                }