1 Reply Latest reply on Jul 25, 2012 4:51 AM by iabughosh

    remove rf-tab-cnt padding?

    s.santilli Newbie

      Hi everyone,

       

      I have a page with multiple tables / tabs, but there is one table in particular

      I would like to remove the padding associated with the rf-tab-cnt.

       

      Howver doing so using the follwiong in my css ... effects more than just the

      one tab, which is not what I desire.

       

      .rf-tab-cnt{

        padding: 0px;

      }

       

      I then attempted to see if I could apply the change just on the one

      element (using its id)

       

      <div class="rf-tab-cnt" id="f:m:simpleTabNameId:content">

       

       

      by using ...

       

       

      #f:m:simpleTabNameId:content .rf-tab-cnt{

         padding: 0px;

      }

       

      But this has no effect at all .... I am running out

      of ideas on how to remove the richfaces tab pading

      on a particular element.

       

      Any help is greatly appreciated.

      Thanks

        • 1. Re: remove rf-tab-cnt padding?
          iabughosh Master

          hello santillit,

          if you want to apply style on one element(ex:myTable) you can do this in your css :

           

          #myTable {

               padding:0px;

          }

           

          and inlcude your stylesheet like this to work with richfaces skin :

          <link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/yourStyle.css"/>

           

          or like this:

           

          <h:body>

          ...

          <h:outputStylesheet library="css" name="yourStyle.css"/>

          </h:body>

           

          regards.