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);


Cool!!!
Pingback: Java desktop links of the week, February 27 | Jonathan Giles
Pingback: JavaFX links of the week, February 27 // JavaFX News, Demos and Insight // FX Experience
I would love to know how you made the “Java FX” label look like that. Is it an image or is it a label with css applied?
Thanks, Nick
Hi Nick, Im using a Text. You can try to look at the documentation here Using Text and Text Effects in JavaFX
any chances to post the entire source code?
G’Day! Mark Anro Silva,
Cool Post, A title tells the reader what to anticipate in the content of your creating.
Thanks
How I do that?