Dynamically add CSS stylesheets in JavaFX

Question

I would like to add a CSS file which is located somewhere on the filesystem. The purpose is to write an application where the user can add JavaFX CSS files (which are created by anyone and located anywhere) dynamically.
I tried something like that, only for testing, to see if dynamically added CSS files works:

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Label label = new Label("Hello");
        Scene scene = new Scene(label);

        //file would be set by an file chosser
        File file = new File("C:/test.css");
        scene.getStylesheets().add(file.getAbsolutePath());

        primaryStage.setTitle("Title");
        primaryStage.setScene(scene);
        primaryStage.show();
    }


    public static void main(String[] args) {
        launch(args);
    }
}

But I get always the same error:

WARNING: com.sun.javafx.css.StyleManager loadStylesheetUnPrivileged Resource "C:\test.css" not found.

How can I fix it?

jijesh Aj · Accepted Answer · 2014-11-14 07:39:18Z

14

If css in same packaage simply use

scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());

answered Nov 14, 2014 at 7:39

jijesh Aj

6144 gold badges10 silver badges25 bronze badges

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

1 Comment

Zephyr Over a year ago

And if the CSS is NOT in the same package as the class?

randers · Accepted Answer · 2016-07-02 19:36:34Z

Your problem is that you aren't using a URL. Here you can find more documentation on how the CSS is loaded alongside the CSS reference.

If you have the URL as a String you could set the CSS dynamically with an external file like so:

private boolean isANext = true;

public void start(Stage primaryStage) throws Exception {
    Button button = new Button("Change CSS");
    VBox vbox = new VBox(10);
    vbox.setAlignment(Pos.CENTER);
    vbox.getChildren().add(button);
    scene = new Scene(vbox, 200, 200);

    button.setOnAction(ev -> {
        // Alternate two stylesheets just for this demo.
        String css = isANext ? "file:///C:/temp/a.css" : "file:///C:/temp/b.css";
        isANext = !isANext;
        System.out.println("Loading CSS at URL " + css);

        scene.getStylesheets().clear();
        scene.getStylesheets().add(css);
    });

    primaryStage.setTitle("Title");
    primaryStage.setScene(scene);
    primaryStage.show();
}

In the a.css

.button {    
    -fx-text-fill: white;
    -fx-background-color: red;
}

And in b.css

.button {    
    -fx-text-fill: white;
    -fx-background-color: black;
}

HW90 · Accepted Answer · 2015-07-27 14:59:34Z

4

You can get the URL from java.io.File

File file = new File("style.css");
URL url = file.toURI().toURL();
scene.getStylesheets().add(url.toExternalForm());

or in short form

scene.getStylesheets().add((new File("style.css")).toURI().toURL().toExternalForm());

answered Jul 27, 2015 at 14:59

HW90

1,9932 gold badges22 silver badges45 bronze badges

Comments

pgmank · Accepted Answer · 2016-11-02 12:40:21Z

1

The exception is thrown because the string "C:/test.css" is not a URI resource. Therefore you must convert your string into a URI resource.

As of Java 7 you can do:

String uri = Paths.get("C:/test.css").toUri().toString();
scene.getStylesheets().add(uri);

edited Nov 2, 2016 at 12:40

answered Nov 2, 2016 at 12:34

pgmank

5,8395 gold badges38 silver badges55 bronze badges

Comments

rucuriousyet · Accepted Answer · 2016-02-22 18:32:21Z

0

scene.setUserAgentStylesheet("Assets/StyleSheets/Styless.css");

answered Feb 22, 2016 at 18:32

rucuriousyet

411 silver badge6 bronze badges

Collectives™ on Stack Overflow

Dynamically add CSS stylesheets in JavaFX

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related