2 Replies Latest reply on Apr 11, 2007 4:14 PM by sergeysmirnov

    CSS Styling Tab Panels

    zablanc
    zablanc Apr 11, 2007 2:16 PM

      I'd like to do some CSS styling (specifically, provide a solid background-color) to active and inactive tabs on the tab panel.

      Apparently, I can style the text color, but the background-color directive does nothing and the skin parameter "tabBackgroundColor" only allows a white-to-color fade.

      I want to make the background color a solid color. Any way?

      • 11964 Views
      • Tags:
        • 1. Re: CSS Styling Tab Panels
          sergeysmirnov Apr 11, 2007 4:11 PM (in response to zablanc)

           

          <style>
.rich-tab-inactive {
 background-image:none;
}
.rich-tab-active {
 background-image:none;
}



          P.S. background-image overwrite the background-color. So, you need to reset background-image (comes from skin class) to have background-color visible.

            • Actions
          • 2. Re: CSS Styling Tab Panels
            sergeysmirnov Apr 11, 2007 4:14 PM (in response to zablanc)

            P.P.S. The setting above override the look-n-feel of any of tabPanel on particular page. If you want to have solid color for one tabs, but gradient for other, you need to use individual classes for such customization

              • Actions