Home » Java » Desktop Java » JavaFX 2 Form with Tron effect

About Mark Anro Silva

Mark Anro Silva
Software Engineer | UI/UX Engineer, Java, JavaFX, GWT and Scala.

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.

(0 rating, 0 votes)
You need to be a registered member to rate this.
Start the discussion Views Tweet it!
Do you want to know how to develop your skillset to become a Java Rockstar?
Subscribe to our newsletter to start Rocking right now!
To get you started we give you our best selling eBooks for FREE!
1. JPA Mini Book
2. JVM Troubleshooting Guide
3. JUnit Tutorial for Unit Testing
4. Java Annotations Tutorial
5. Java Interview Questions
6. Spring Interview Questions
7. Android UI Design
and many more ....
Email address:

Leave a Reply

Be the First to Comment!

avatar
  Subscribe  
Notify of