2 Replies Latest reply on Sep 16, 2012 2:47 PM by Jose Alvarez de Lara

    RichFaces controls style

    Jose Alvarez de Lara Novice

      Please, wich is the simplest way to chage the

      width of a <rich:select>?

       

      Here is my code,

       

      web.xml.-

       

      <context-param>

              <param-name>org.richfaces.LoadStyleStrategy</param-name>

              <param-value>ALL</param-value>

      </context-param>

      <context-param>

             <param-name>org.richfaces.enableControlSkinningClasses</param-name>

             <param-value>true</param-value>

      </context-param>

       

       

      CSS file.-

       

      #page-content .rf-sel{

          width:130px;

      }

       

      This is just what I need but it does not work.

       

      Thanking in advance

       

      Regards,

      Jose

        • 1. Re: RichFaces controls style
          iabughosh Master

          i think you have to override three styles, here is an example if i want to modify rich:select width to 300px :

          <style>

                                        .rf-sel {

                                                  width:300px;

                                        }

                                        .rf-sel-cntr {

                                                  width:300px;

                                        }

                                        input.rf-sel-inp {

                                                  width:284px;

                                        }

          </style>

           

          where input.rf-sel-inp width = your desired width - 16

           

          regards.

          • 2. Re: RichFaces controls style
            Jose Alvarez de Lara Novice

            Yes it works.

            Thanks a lot.

             

            Jose