CODEWITHSUNDEEP
cssjavafxjavafx-8
Xenon
Xenon

Reputation: 311

Dynamically change JavaFX properties for specific classes in CSS

I am writing code that allows a user to build a theme for the application, so they need to be able to effectively communicate that they want to change something about some element of JavaFX.

Suppose I have a bar on the top of every view that lets a user change the way some set of things look: button, label, text, and so on.

Here is a basic stylesheet that I am working with. It just puts style on root and button.

basetheme.css

  .root {
            -fx-background-color: "teal";
    }
    
    Button { 
        -fx-background-color: "orange";
        -fx-font-size: 2em;
        -fx-text-fill: #0000ff
    }

Right now, all the views I have would load this sheet each time they are loaded:

view.getStylesheets().add("views/basetheme.css");

The Button class and its fx properties here would apply to all buttons in the view. This is the behavior I want. I want the user to have leverage over Button and its properties during runtime.

For instance, if they want to change Button's -fx-font-size property from -fx-font-size: 2em to -fx-font-size: 3em, they can do that. Is this possible?

Currently, I know setStyle will set properties on some elements, but I am looking for a way to do this for not just a single Button, Label, and so on, but for all them. I want there to be run-time changes. For instance, after a user changes some element like button and one of its properties, it reloads that view and the change is applied.

I want to do something like view.setStyle("Button: some properties") and then it add those properties to Button class or overrides it, instead of view.setStyle("some properties") adding properties to root. The latter would not recognize that the property goes on a button, let alone all Buttons in view.

The obvious reason why this might not work this way is that we are not really changing the css file when we do those inline setStyle calls, just setting over the existing property and thus that inline has higher precedence and is updated.

I know I could technically do somebutton.setStyle("some properties"), but I want the user to be able to modify properties for all Button elements by specifying it at the root of a view so the styles trickle down to subelements in the view. This makes things easier.

Upvotes: 3

Views: 266

Answers (1)

Dirk Lemmermann
Dirk Lemmermann

Reputation: 156

You could use CSSFx to constantly pull in a CSS file that has bee written by your app.

Upvotes: 1

Related Questions