2 Replies Latest reply on Jul 26, 2013 1:11 PM by mohamed sassi

    migration CSS richfaces 3.3.3 to richfaces 4

    mohamed sassi Newbie

      I want to migrate these css classes to RF 4

      What are the names of classes in version 4.

       

       

       

      .rich-tab-header {


      background: url("../upload/images/bg_tab1_a_finished.png") repeat-x


      scroll 0 0 transparent;

      border-radius: 5px 5px 0 0;

      border: none;

      color: #FFFFFF;

      display: block;

      height: 26px;

      line-height: 29px;

      margin: 0;

      padding: 0 20px;

      position: relative;

      text-align: center;

      text-decoration: none;

      width: auto;

      behavior: url(/byblos/PIE.htc);

      }

       

       

      .rich-tabhdr-side-border {


      border-top-style: none;

      border-right-style: none;

      border-bottom-style: none;

      border-left-style: none;

      border-width: 0;

      display: none;

      }

       

       

      .rich-tabhdr-side-cell {


      border-top-style: hidden;

      border-top-width: 0;

      /*border-bottom-style: hidden;

      border-bottom-width: 0;*/

      }

       

       

      .rich-tab-active {


      background: url("../upload/images/bg_tab1_a_hover.png") repeat-x scroll


      center top;

      height: 29px;

      color: #FFFFFF;

      }

       

      .rich-tab-disabled {


      background: url("../upload/images/bg_tab1_a_finished.png") repeat-x


      scroll center bottom transparent;

      color: #FFFFFF;

      }

       

       

      .rich-tabpanel-content {


      background-color: inherit;

      border-bottom-color: #BED6F8;

      border-left-color: #BED6F8;

      border-right-color: #BED6F8;

      border: none;

      }

       

       

      .rich-home-tabpanel-content {


      background-color: inherit;

      border-radius: 0px 0px 3px 3px;

      -moz-border-radius: 0px 0px 3px 3px;

      border-bottom-color: #BED6F8;

      border-left-color: #BED6F8;

      border-right-color: #BED6F8;

      border: 2px solid #99CCFF;

      height: 585px;

      border-top-width: 0px;

      }

        • 1. Re: migration CSS richfaces 3.3.3 to richfaces 4
          Fabio Botelho Newbie

          Hi Mohamed, did you find the solution for your problem ? I'm facing the same problem.

          Thanks,

          Fabio Botelho

          • 2. Re: migration CSS richfaces 3.3.3 to richfaces 4
            mohamed sassi Newbie

            /*Rich TabPanel*/

            .rf-tbp {

                      height: 100% !important;

                      border-spacing: 0 !important;

            }

             

             

            .rf-tab-hdr {

                      background: url("../upload/images/bg_tab1_a_finished.png") repeat-x

                                scroll 0 0 transparent !important;

                      border-radius: 5px 5px 0 0 !important;

                      border: none !important;

                      color: #FFFFFF !important;

                      display: blockc!important;

                      height: 26px !important;

                      line-height: 29px !important;

                      margin: 0 !important;

                      padding: 0 20px !important;

                      position: relative !important;

                      text-align: center !important;

                      text-decoration: none !important;

                      width: auto;

                      behavior: url(/byblos/PIE.htc) !important;

            }

            .rf-tab-hdr-brd {

            border: 1px solid #BED6F8;

            height: 5px;

            background: #59ADD3;

            }

            .rf-tab-hdr-tabline-vis

            {background-color: transparent !important;

            border-color:transparent !important;

            background: transparent !important;

                      }

            .rich-tabhdr-side-border {

                      border-top-style: none !important;

                      border-right-style: none !important;

                      border-bottom-style: none !important;

                      border-left-style: none !important;

                      border-width: 0 !important;

                      display: none !important;

            }

             

             

            .rf-tab-hdr-top {

                      border-top-style: hidden !important;

                      border-top-width: 0 !important;

                      /*border-bottom-style: hidden;

                      border-bottom-width: 0;*/

            }

             

             

            .rf-tab-hdr-act {

                      background: url("../upload/images/bg_tab1_a_hover.png") repeat-x scroll

                                center top !important;

                      color: #FFFFFF !important;

            }

             

             

            .rf-tab-hdn {

                      CURSOR: pointer !important;

                      cursor: hand !important;

            }

             

             

            .rf-tab-hdr-dis {

                      background: url("../upload/images/bg_tab1_a_finished.png") repeat-x

                                scroll center bottom transparentv !important;

                      color: #FFFFFF !important;

            }

             

             

            .rf-tab-cnt {

                      background-color: inherit !important;

                      border-bottom-color: #BED6F8 !important;

                      border-left-color: #BED6F8 !important;

                      border-right-color: #BED6F8 !important;

                      border: none !important;

                      height: 475px !important; 

            }