Desktop Java

JavaFX 2 Form with Tron effect

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.

Mark Anro Silva

Software Engineer | UI/UX Engineer, Java, JavaFX, GWT and Scala.
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

1 Comment
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Raghu Prabhu
Raghu Prabhu
4 years ago

I retired and thought I will keep myself busy by joining a course to do diploma in software development. I was struggling to grasp the concepts in Java and JavaFX since July 2019. This is THE BEST website to learn JavaFX.

Your simple explanation has helped me a lot….

Back to top button