When trying to style the components in JFXtras, it is a hit and miss since it seems the components have sub-components. Example is the BigDecimalField. To round the corners and add a drop-shadow I needed to have my css show the following. The class name was guess as was the sub-components; however, I still have a residual sharp corner on the buttons.
// Big Decimal Field
.big-decimal-field{
-fx-effect: dropshadow(one-pass-box, grey, 10, .4, 2, 2);
-fx-background-radius: 10 10 10 10;
}
.big-decimal-field .text-field {
-fx-background-radius: 10 0 0 10;
}
.big-decimal-field .button {
-fx-background-radius: 10 0 0 10;
}
On your next build, please have the JavaDocs updated to reflect the required css classes to modify your elements (example http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#textarea although they are missing the ..scroll-pane .viewport)
When trying to style the components in JFXtras, it is a hit and miss since it seems the components have sub-components. Example is the BigDecimalField. To round the corners and add a drop-shadow I needed to have my css show the following. The class name was guess as was the sub-components; however, I still have a residual sharp corner on the buttons.
On your next build, please have the JavaDocs updated to reflect the required css classes to modify your elements (example http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#textarea although they are missing the ..scroll-pane .viewport)