JavaFX CSS root property reference not resolved

Question

JavaFX documentation seems to imply that if a property is defined in the CSS root class it can be referred to by any object in the scene:

The .root style class includes properties that can be used by other styles to provide consistency in a UI. For example, the property -fx-focused-base is defined in the .root style. This property is used by styles for other UI controls as the color for the control when it has focus.

For example, in the following simple application:

public class Main extends Application {

@Override
public void start(Stage stage) throws Exception {
    AnchorPane pane = new AnchorPane();
    Scene s = new Scene(pane, 800, 600);

    pane.getStylesheets().add("test.css");
    pane.getStyleClass().add("test");

    System.out.println("Root pane style classes:");
    for (String clazz : pane.getStyleClass())
        System.out.println(clazz);

    stage.setScene(s);
    stage.show();
}

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

With the following stylesheet test.css:

.test {
-fx-background-color: -fx-base;
}

Results in the following output:

Root pane style classes:
root
test
WARNING: com.sun.javafx.css.StyleHelper calculateValue Could not resolve '-fx-base' while resolving lookups for '-fx-background-color' from rule '*.test' in stylesheet test.css

(I removed the file path from the warning)

Why isnt it able to resolve -fx-base? It is clearly included in caspian.css...

Have you tried adding test.css to the Scene instead of the pane? — Andy Till
– Andy Till, Commented Nov 17, 2012 at 23:21
I just tried - still unable to resolve the lookup. I also tried reordering adding the style class and stylesheet in a few different permutations. — elecengin
– elecengin, Commented Nov 19, 2012 at 16:49

Elltz · Accepted Answer · 2016-03-10 16:42:06Z

It appears the issue here is that the stylesheet (caspian.css) is lazily loaded. Therefore, unless a component is constructed (not even necessarily added) the stylesheet is not resolved. Layout containers (like AnchorPane) do not trigger loading of the stylesheet. On the other hand, Controls (like Button/CheckBox/Label etc.) will trigger the stylesheet to be loaded.

Here is an updated version of the test case above to illustrate this behavior:

public class Main extends Application {

@Override
public void start(Stage stage) throws Exception {
    AnchorPane pane = new AnchorPane();

    new Button(); // Trigger loading of default stylesheet

    Scene s = new Scene(pane, 800, 600);
    pane.getStylesheets().add("test.css");
    pane.getStyleClass().add("test");

    System.out.println("Root pane style classes:");
    for (String clazz : pane.getStyleClass())
        System.out.println(clazz);

    stage.setScene(s);
    stage.show();
}

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

Collectives™ on Stack Overflow

JavaFX CSS root property reference not resolved

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related