5 Replies Latest reply on Mar 12, 2008 5:41 AM by Paco Perez

    RichFaces SKIN

    Paco Perez Newbie

      Hello, i´m developing a web application using RichFaces controls. I´m using the CLASSIC Skin as default, but I want to use the JAPANCHERRY Skin for one tabpanel. Only for one of all my panels, ¿How can I do this?

      Thanks

        • 1. Re: RichFaces SKIN
          Sergey Smirnov Master

          Skin applies only on the whole application. If you want customize the particular component, re-define its css classes. I.e. provide your own instead of the default taken from skin.

          • 2. Re: RichFaces SKIN
            Paco Perez Newbie

            i´ve tried that, but it doesn´t work. This is what I did:

            · in my styles.css file, I added this:

            #custom_panel {
            headerBackgroundColor:#E8BDBD;
            generalBackgroundColor:#F6EAEA;
            .....................
            .....................
            }

            · in my page, I did this:

            <rich:panel id="custom_panel">


            It didn´t work. Can you help me?

            thanks

            • 3. Re: RichFaces SKIN
              Metin OSMAN Newbie

              Your panel Id may be modified by JSF, for example if it's in a form called myForm, it will become myForm:custom_panel.

              Then your CSS class won't apply to it.

              You'd better declare your CSS this way :

              .custom_panel {
              headerBackgroundColor:#E8BDBD;
              generalBackgroundColor:#F6EAEA;
              .....................
              .....................
              }
              


              And set styleClass attribute for your panel :

              <rich:panel styleClass="custom_panel">
              ...
              <rich:panel>
              


              • 4. Re: RichFaces SKIN
                Metin OSMAN Newbie

                One thing more, i did'nt payed attention to your CSS.

                Your CSS style class is incorrect : there's no CSS attribute called "headerBackgroundColor".

                You should overwrite the CSS attribute (ex: background-color, font-size, ...) in your class, not the skin properties.

                • 5. Re: RichFaces SKIN
                  Paco Perez Newbie

                  i want to change that properties... how do i do that??

                  i want my panel to appear with "Sakura" skin colors.

                  thx