JavaFX 2: Create Nice Login Form

In this JavaFX tutorial I will design a nice looking Login Form with JavaFX 2 and CSS. It's clasic login form with username and password, and login button. In order to follow this tutorial I strongly recommend you to check these tutorials below: Getting started with JavaFX 2 in Eclipse IDE JavaFX 2: HBox JavaFX 2: GridPane JavaFX 2: Styling Buttons JavaFX 2: Working with Text and Text Effects

-->

Username: JavaFX2

Password: password

You can enter this information above and click on Login button. It will tell you with a little message that login is successful, but if you enter wrong information, it will tell you with a little message that login isn't successful.

The final output screenshot of this tutorial will be like below image.

JavaFX 2 Login Form

Here is Java code of our example:

 

In order to style this application properly you'll need to create login.css file in /src folder of your project.

If you dont know how to do that, please check out JavaFX 2: Styling Buttons tutorial.

.

--> Here is CSS code of our example:
 
Thats'all folks for this tutorial, if you have any comments or problems, feel free to comment. If you like this tutorial, you can check out more JavFX 2 tutorials on this blog.

You might want to take a look at these tutorials below:

• JavaFX 2: Styling Buttons with CSS
• JavaFX 2: Styling Text with CSS