9 Replies Latest reply on Apr 7, 2011 1:00 AM by narvava

    Rounded Corners with CurvyCorners

    Aaron Kirley Newbie

      After a weekend of messing around with richfaces skins, i finally found what appears to be a workable solution for rounding panel corners.  I tried several approaches (jquery.corners.js, images, and finally settled on curvycorners).

      1. download curvycorners js file.

       

      2. place this code in your xhtml header.

       

      <script type="text/javascript" src="path/to/jsfile/curvycorners.js"></script>

       

      <style type="text/css">

       

      /*<![CDATA[*/

      .rich-panel

       

      {

       

      -moz-border-radius:1ex;

       

      -webkit-border-radius:1ex;

      }

       

      /*]]>*/

       

      </style>

       

       

       

      3. That's it, you're done! 

       

      Now, i haven't done full browser support testing but my initial testing shows this to be a very promissing solution.  Hope this helps someone.