Uploaded image for project: 'JDK'
  1. JDK
  2. JDK-8114165

Tab header background should be customizable with non flat background color using css

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Resolved
    • Priority: P4
    • Resolution: Not an Issue
    • Affects Version/s: fx2.0
    • Fix Version/s: fx2.0
    • Component/s: javafx
    • Environment:

      presidio Build-Number: 196

      Description

      I tried to set the following in my css file :

      .tab-pane *.tab-header-background {
          -fx-outer-border: #636363;
          -fx-inner-border: linear (0%,0%) to (0%,100%)
              stops (0%,ladder -fx-color
                            stops (0%,#F4F4F4)
                                  (100%,#F4F4F4))
                    (100%,ladder -fx-color
                            stops (10%,derive(-fx-color,20%))
                                  (80%,derive(-fx-color,-10%)));
          -fx-body-color: #C0C0C0;
          -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
      }

      I do the same setting for .tab

      While Tabs are updated using the 3 specified colors, the tab header seems to use only the -fx-body-color.

      Attached the result of the above css setting vs the wanted rendering.

        Attachments

        1. Result.tiff
          193 kB
        2. Wanted.tiff
          193 kB

          Activity

            People

            Assignee:
            kwwong Kinsley Wong
            Reporter:
            slions Sandra Lions-piron
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Imported: