Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Change color TabPane completely

See original GitHub issue

By applying these classes to a JFXTabPane .jfx-tab-pane .headers-region { -fx-padding: 10px; -fx-background-color: #36474F; } the space around arrows does not change like in the image screen shot 2017-10-10 at 15 42 30

Why arrows aren’t in their space? If I move the tabs to left or on right they return on their correct position

Issue Analytics

State:
Created 6 years ago
Comments:7

Top GitHub Comments

2reactions

jfoenixadmincommented, Oct 11, 2017

Can you provide the css you are applying? as we tried the suggested code and it’s working. to style the arrows, you can use the following:

.jfx-tab-pane .control-buttons-tab{
    -fx-background-color: RED;
}
.jfx-tab-pane .control-buttons-tab .tab-down-button{
    -fx-background-color: GREEN;
}
.jfx-tab-pane .control-buttons-tab .jfx-rippler{
    -jfx-rippler-fill: Yellow;
}

NOTE: the rippler fill won’t change in 1.9.1, as it’s a bug which will be fixed in later versions (already fixed and pushed to github).

Regards,

1reaction

jfoenixadmincommented, Oct 12, 2017

as mentioned before use the following css instead: .jfx-tab-pane .tab-header-background { -fx-background-color: #35464F; }

currently you can’t remove the arrows, the skin needs to be updated to allow this option.

Top Results From Across the Web

javafx - How do I change the header color of a TabPane in ...

You can change the header background for the TabPane using the appropriate CSS selector: .tab-header-background { -fx-background-color: blue ...

TabPane : How to change a background color

Hi guys, How to change in TabPane control background color to Blue.

How to make TabPane completely transparent ? — oracle-tech

It is possible! To change the background opacity of content of tab it is needed to override this: .tab-pane .tab-content-area {.

Tabpane, Changing Color Of Tab-Header-Area - ADocLib

create an editor with syntax highlighting for Java Change color TabPane completely · Issue #463 · sshahine/JFoenix Getting Started with JavaFX: Fancy Forms....

TabPane (JavaFX 12)

Applying the styleclass STYLE_CLASS_FLOATING will change the TabPane mode to floating. ... setContent(new Rectangle(100, 50, Color.LIGHTSTEELBLUE)); tabPane ...