This is a simple JavaFX Login Form with a TRON like effect. In this example I am using CSS to style the TextField and Button. Here is the snippet of the CSS and Effect code:
.text-field{
-fx-background-color: transparent;
-fx-border-color: #00CCFF;
-fx-text-fill: white;
}
.password-field{
-fx-background-color: transparent;
-fx-border-color: #00CCFF;
-fx-text-fill: white;
}
.button{
-fx-background-color: transparent;
-fx-border-color: white;
-fx-background-radius: 30;
-fx-border-radius: 30;
-fx-text-fill: white;
-fx-font-weight: bold;
-fx-font-size: 14px;
-fx-padding: 10 20 10 20;
}
DropShadow effect = new DropShadow();
effect.setColor(color);
effect.setBlurType(BlurType.GAUSSIAN);
effect.setSpread(spread);
effect.setRadius(radius);
Reference: JavaFX 2 Form from our JCG partner Mark Anro Silva at the GlyphSoft blog.
