4 Replies Latest reply on Jan 22, 2008 2:50 PM by houman babai

    rich panel

    houman babai Newbie

      hello,

      I'm new to jsf and rich faces, so far I really like what have seen. I have 2 questions about rich panel:
      1. Currently the content of the rich panel has a margin and I'd like to remove the margin. Can I do this by setting the cellpadding & cellspacing to 0? I tried it but no cigar: <rich:panel style="cellspacing: 0px; cellpadding: 0px; ">...</rich:panel>
      2. I really like the color scheme is there a way I can access the actual color codes so that I could use it for elements that are not being spawned from richfaces?

      Thanks

        • 1. Re: rich panel
          Sergey Smirnov Master

          rich:panel is not a table. So, cellspacing and cellpadding just do not make any sense.

          use bodyClass attribute to define the css rules for body of the panel.

          By default, it has padding(not margin) = 10px

          If you want to remove the padding in all panels on the page, you can just add the following in your css sheet:

          .rich-panel-body {
           padding:0
          }



          • 2. Re: rich panel
            houman babai Newbie

            Thank you!

            I'm not able to find the actual stylesheets that richfaces uses. I think it would real helpful to see them and figure out how the elements are getting styled.

            I did look at the documentation (chapter 6) and that's helpful, but is there anyway, I can get my hands on the actual stylesheets?

            Thanks

            • 3. Re: rich panel
              David Spark Newbie

              I find the easiest way to do this is using the Page Info function in Firefox from which you can see the URL of the Stylesheets used (on the Links tab). Then you can just paste the URLs into a new browser window to see them.

              Another neat tool (for Firefox) is Firebug which allows you to 'inspect' pages which means that hovering over an actual element in the page highlights the associated box and shows you what CSS is being applied to it. Quite useful for working out why the style you think you applied isn't rendered :-)

              • 4. Re: rich panel
                houman babai Newbie

                Thanks very much! I'll try it.