An open API service indexing awesome lists of open source software.

https://github.com/rominalodolo/loginformjavafx

JavaFX Login Form Tutorial using Scene Builder | JavaFX and Scene Builder Tutorial | 2020 Version
https://github.com/rominalodolo/loginformjavafx

form fxml java javafx login scenebuilder tutorial youtube

Last synced: 4 months ago
JSON representation

JavaFX Login Form Tutorial using Scene Builder | JavaFX and Scene Builder Tutorial | 2020 Version

Awesome Lists containing this project

README

          

# JavaFX Login Form Tutorial using Scene Builder
> by Java Coding Community

View the course here: [Link](https://www.youtube.com/watch?v=HBBtlwGpBek&t=747s)

## Building the app:
![loginsceenbuilder](https://user-images.githubusercontent.com/83961643/177155532-aa902495-1fe6-4e0c-8c6d-15a90802762f.jpeg)
![imgresources](https://user-images.githubusercontent.com/83961643/177161468-13cdae4f-abe0-4518-837a-49f4fe126007.jpeg)
![afterlogin](https://user-images.githubusercontent.com/83961643/177172729-3442b350-bba5-4914-be61-47d328e939ff.jpeg)

## Error running the app
![apperror](https://user-images.githubusercontent.com/83961643/177177397-ea40bbc9-b439-43c5-8afe-5e2e0a525dd5.jpeg)

Solving the runtime error
![errorsolved](https://user-images.githubusercontent.com/83961643/177181726-74ed5140-622d-4665-ab5a-3e39317bf2b2.jpeg)

But still not loading images and 'wrong login' info
I opened Scene Builder again and after selecting the images I selected the "gear" icon right beside the ellipses button and selected "switch to absolute path".
The images loaded after that change.
![images](https://user-images.githubusercontent.com/83961643/177182687-8c8f62d8-ef90-4545-8ddc-0f6c2acc664d.jpeg)
![logout](https://user-images.githubusercontent.com/83961643/177188409-be4d1cc6-2df9-45c2-8992-39e637bbc45e.jpeg)

Just needed to change the label dimensions and it is showing full text when wrong input is added.
![changed](https://user-images.githubusercontent.com/83961643/177187198-0fa9c88b-8f34-4147-84f5-5804c2a7f57d.jpeg)

## Final working app:
Login Page
![mainpage](https://user-images.githubusercontent.com/83961643/177188355-7227cf31-e625-49b1-835e-ff0d6a80b3bd.jpeg)

Wrong Details Warning
![wrong](https://user-images.githubusercontent.com/83961643/177188404-e132d4e2-5709-43f0-84d4-cc2cd6da1dbe.jpeg)

After sign in - Logout Page
![logout1](https://user-images.githubusercontent.com/83961643/177189556-0bebf0c8-2cce-41a7-ac4c-a7ab78dcfe5b.jpeg)

### Last Edit July 2022