Jfoenix: Change JFXCheckBox size

Created on 7 Aug 2018  路  3Comments  路  Source: sshahine/JFoenix

I can't find out how to do it , here is an answer for simple CheckBox ( https://stackoverflow.com/questions/39078867/javafx-how-to-resize-a-checkbox )

For a simple JavaFX Check-box this css works great but for JFXCheckBox not at all :

.medium-check-box > .box {
    -fx-padding: 2em 2em 3em 3em ;
}
.medium-check-box > .box > .mark {
    -fx-padding: 5em 5em 6em 6em; 
}

Most helpful comment

Hello,
you can change it using the following css

.jfx-check-box .box{
    -fx-pref-height: 50;
    -fx-pref-width: 50;
}

.jfx-check-box .mark{
    -fx-max-width: 25;
    -fx-max-height: 20;
}

Regards,

All 3 comments

Hello,
you can change it using the following css

.jfx-check-box .box{
    -fx-pref-height: 50;
    -fx-pref-width: 50;
}

.jfx-check-box .mark{
    -fx-max-width: 25;
    -fx-max-height: 20;
}

Regards,

One small edit, i don't want all the JFXCheckBoxes to change size just the one i apply the specific style for example above I added 'medium-check-box' :)

Yeah sure it's just an example for changing the size.
Regards,

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ayushchadha23 picture ayushchadha23  路  5Comments

rfenters95 picture rfenters95  路  4Comments

swftvsn picture swftvsn  路  3Comments

caoyanfeng picture caoyanfeng  路  3Comments

TioCoding picture TioCoding  路  5Comments