2 Replies Latest reply: May 2, 2012 9:47 AM by csh RSS

    Styling TabPane header area / fx-border-bottom-color

    csh
      Hi,

      I want to style the TabPane to my needs.

      Especially I want to replace the ugly gray background in the header area, which is defined in caspian.css as:
      .tab-pane *.tab-header-background {
          -fx-background-color: -fx-outer-border, -fx-inner-border, derive(-fx-color, -20%);
          -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
      }
      If I remove the background, the "border" is also removed (it is mimiced by the shadow I think).
      .tab-pane *.tab-header-background {
          -fx-background-color: null;
          -fx-effect: innershadow(two-pass-box , rgba(0,0,0,0.6) , 4, 0.0 , 0 , 0);
      }
      I only want a border at the bottom of the background. But this has no effect:
      .tab-pane *.tab-header-background {
          -fx-background-color: null;
          -fx-border-bottom-color: red;
      }
      It seems JavaFX does not support -fx-border-bottom-color (although it is CSS 3).

      How can I do it?