Sharing JavaFX css values across multiple classes

Question

How can I share settings across multiple classes? I need to apply certain styles to my tableview cells (depending on the enum value displayed) and would prefer not to repeat the values as below -

.A { 
    -fx-background-color: red;
}

.B { 
    -fx-background-color: red;
}

I have created one style class for each java enum present in my model. Some of these classes have the same settings. Hence my aim to reduce css duplication. This way I can set the string value of an enum as the style class. — Darth Ninja
– Darth Ninja, Commented Nov 15, 2015 at 3:39

James_D · Accepted Answer · 2015-11-13 10:25:59Z

3

You can apply rules to multiple selectors with

.A, .B {
    -fx-background-color: red;
}

answered Nov 13, 2015 at 10:25

James_D

211k16 gold badges312 silver badges345 bronze badges

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

Comments

Roland · Accepted Answer · 2015-11-13 07:05:06Z

0

You should read the Skinning JavaFX Applications with CSS tutorial and the JavaFX CSS Reference Guide.

Excerpt:

You can create a class style by adding a definition for it to your style sheet. Example 5 defines a new style in controlStyle1.css called .button1.

Example 5 Define a New Style

.button1{
    -fx-text-fill: #006464;
    -fx-background-color: #DFB951;
    -fx-border-radius: 20;
    -fx-background-radius: 20;
    -fx-padding: 5;
}

To assign this class style to a node, use the getStyleClass().add() sequence of methods. Example 6 shows the .button1 style assigned to the Accept button.

Button buttonAccept = new Button("Accept");
buttonAccept.getStyleClass().add("button1");

answered Nov 13, 2015 at 7:05

Roland

18.5k12 gold badges68 silver badges103 bronze badges

Collectives™ on Stack Overflow

Sharing JavaFX css values across multiple classes

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related