0 Replies Latest reply on Jun 20, 2011 9:50 PM by Karsten Wutzke

    Table header gradient not respecting rounded corners?

    Karsten Wutzke Expert

      Hello,

       

      I have been experimenting with rich:dataTable a bit to give it a custom header, or more specifically add rounded corners/borders to it and use the same gradient that is used for all panels. However, the gradient rendered doesn't respect the CSS rounded corner properties of .rich-table-headercell:

       

      {code}.rich-table-headercell

      {

          -moz-border-radius-topleft: 5px;

          -webkit-border-top-left-radius: 5px;

          border-top-left-radius: 5px;

       

          -moz-border-radius-topright: 5px;

          -webkit-border-top-right-radius: 5px;

          border-top-right-radius: 5px;

      }{code}

       

      The gradient is rendered across the borders for whatever reason. Is this intended? Or is it a bug? The panel gradients on the other hand do respect the rounded corners...

       

      Karsten