How to add css to a JavaFx element

Question

I'm trying to add a an external .css file to a Java FX scene graph as follows:

File f = new File("../theming/css/test.css");
scene.getStylesheets().clear();
scene.getStylesheets().add("file:///" + f.getAbsolutePath().replace("\\", "/"));

test.css

.custom-background {
    -fx-background-color: #1d1d1d;
    -fx-background-color: red;
    -fx-padding: 15;
    -fx-spacing: 10;
}

.label {
    -fx-font-size: 11pt;
    -fx-font-family: "Segoe UI Semibold";
    -fx-text-fill: white;
    -fx-opacity: 0.6;
}

The style classes get added well, except where I try to add a custom class to an element:

Hbox hbox = new HBox();
hbox.setSpacing(10);
hbox.setMinSize(400, 300);
hbox.getStyleClass().add("custom-background");

That doesn't get picked up.

What could I be doing wrong?

Thank you in advance.

Any reason why you define twice -fx-background-color in 2 classes? — Nicolas Filotto
– Nicolas Filotto, Commented Jan 13, 2017 at 20:04
Sorry @NicolasFilotto. Please ignore that. I edited that out of the question. Thank you for pointing it out. — Program-Me-Rev
– Program-Me-Rev, Commented Jan 13, 2017 at 20:19

Graham · Accepted Answer · 2017-09-27 15:10:53Z

4

Don't try to convert the file name to a URL yourself. Instead use the build in methods of the File class:

scene.getStylesheets().setAll(f.toURI().toURL().toExternalForm());

This assumes the file is located at the specified path relative to the current working directory when the application is run. In most cases using a relative file path is a bad idea, since running from a different directory will break the program. It would be preferable to include the css file as resource.

edited Sep 27, 2017 at 15:10

Graham

7,86020 gold badges67 silver badges92 bronze badges

answered Jan 13, 2017 at 20:03

fabian

82.9k12 gold badges99 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add css to a JavaFx element

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related