Share your iP GUI here

[damithc]

If you have managed to implement the iP GUI (i.e., Level-10) already, you are encouraged to share a screenshot of your GUI here.

• If your GUI is close to the one given in the JavaFX tutorial, it will provide a good reference point for those encountering problems while doing Level-10 (i.e., they can compare their code with your code to find what they are doing differently) -- it's good to have a few (about 5) in this category here.
• If your GUI goes beyond the JavaFX tutorial, it will inspire others to learn from yours how to do more things with the GUI -- we can have any number in this category as each might have something new to offer.

[hingen]

Hello, this is my current GUI, still a WIP

[SPWwj]

Hi, this GUI belong to the JavaFX tutorial

[gremmyz]

My current GUI (based on the one in the JavaFX tutorial):

[russelltankaimin]

This is what I did. The bot is actually "Yoda" who works in the Jedi Archives before being a master in the Jedi Council.

[Zxun2]

Probably not the best in terms of UX (having a landing page), but I wanted to explore a multi-page application. The bot is Silco from LoL.

Landing	Main view

[gohyongjing]

My GUI following the tutorial

[daitenshionyan]

I wanted to try shaping the bubbles

[izzhafeez]

I dealt with long responses by splitting them up after x number of lines. Apart from that, I stayed with the default design.

[zrei]

This is mine! Put a border on the text, rounded the edges and changed the image depending on the response.

[wxxedu]

Mine is pretty generic, with a few modifications to make the icons appear smaller and added a few paddings.

[anunayajoshi]

I managed to deal with overflow by changing the min height attribute within Scene Builder to "USE_PREF_SIZE"

I also used a Circle to clip my ImageView with the sizing of (45,45,45). Im struggling with dealing with the padding and making the text centered to the image if its short, but when its long, it can use the entire space. When I try to center it, the entire text simply shifts down which makes it look rather odd.

[FredericChow00]

Followed the tutorial and did some minor aesthetics adjustments

[dohaduong]

Here's mine followed the tutorial

[cydtseng]

Here's my GUI for Duke after following the tutorial!

[evanpy]

Pretty standard but it'll do!

[ARPspoofing]

This is my GUI

[zichen-3974]

Here's my GUI :)

[ExtraShotLatte]

I adopted the principle of

Make It Work, Make It Right, Make It Fast!

Am on the making it work part now 😄

[heeeyi]

Not be the best but just want to share as well :)

[arkarsg]

Simple implementation with minor touch ups and padded dialogs (eyeball'ed).

[BoAi01]

A simple GUI modified from the template with error message highlight

[lxz333]

My GUI:)

[vigonometry]

Simple GUI using the FXML tutorial, inspired by the Argentinian jersey with few CSS mods :))

[jefrai]

I decided to split off the task list into its own panel:

[jedidiahC]

[hansstanley]