Share your iP GUI here

[damithc]

Guys, if you have managed to add a GUI to the iP, I encourage you to post a screenshot of your GUI in this thread.

The objective is that others can then use your code as guidance to get their own GUI up.

💡 Tip for others: You can reach the iP repo of another student via https://github.com/USERNAME/ip (replace the USERNAME with the actual username of the author)

[Perpetual09]

Hi, this is my GUI for iP. Basically I followed the tutorial and implement that frame to my Duke and did not modify too much on design. Here is a screenshot:

[erisjacey]

Updated my GUI a little bit so it looks like this now:

Thanks @tankangliang for the resources to integrating CSS into JavaFX!

[tankangliang]

Actually spent too much time on this

[marcustw]

Actually spent too much time on this

Oh my! Kang Liang, may I ask how do you add backgrounds?

[tankangliang]

Actually spent too much time on this

Oh my! Kang Liang, may I ask how do you add backgrounds?

I'm using CSS to customize the appearance. The background image -fx-background-image:url('/images/background.jpg'); is applied to the VBox component and stylesheet is applied using scene.getStylesheets().add("path/stylesheet.css");

You can find out more about customizing CSS here https://docs.oracle.com/javafx/2/css_tutorial/jfxpub-css_tutorial.htm

[AdithyaNarayan]

Mine is just a visual increment too!

[royleochan]

Added some basic styling as well!

[zhaojj2209]

Added a bit of styling and changed the icons!

[ianyong]

Added a dark theme! Unfortunately, it doesn't seem like setting the colour of the title bar is possible without implementing a custom one. :(

[siddarth2824]

Added a bit of background styling to the dialog container as well the dialog itself

[augustinekau]

[damithc]

Thanks to those who shared a GUI without tweaks. Those will help students still struggling to get their GUI up.
Also thanks to those who shared GUIs with additional tweaks. Those will help students looking to level up their GUIs. Keep them coming.

[gloon99]

edited my gui so that it now has max kawaii-ness :DDD

[li-s]

This is mine without tweaks :( looks so bad compared to some of the ones here

[JinHao-L]

[ameliatjy]

Here is my really super duper ultra simple GUI without tweaks!

[raythx98]

I've updated my GUI to have better aesthetics! (rounded corners, borners etc) Big thank you to other contributors!

[TanLeYang]

I did some basic styling and made the GUI responsive to changes in window size so the GUI window can be maximised!

[g-erm]

Found this thread really informative and useful to get ideas!! heres my updated GUI:

[Vielheim]

Added some basic layouts! Probably would make it responsive to resizing and more styling!

[aidoxe-123]

[Persdre]

[junlong4321]

[wireseo]

Not many visual upgrades, but for DaMemes. :-D

[Criss-Wang]

Hmm not sure if Star War theme is allowed, but here is my try:

[HCY123902]

I may need to change the background a bit and replace the image.

[marcustw]

Added background image and edited a simple dialog box.

[AudreyFelicio]

Here's my very minimalistic GUI which will be updated in future increments 😄.

[LeeJoonJie]

[jeannetoh99]

This is my GUI, inspired by my favourite game :"")

[vanGoghhh]

Here's my gui :)

[kormingsoon]

Repost, please pardon the naughty pichu :D

[rtshkmr]

I tried using gifs and the scene builder, here's it now:

[CodingCookieRookie]

A little late but Poppins says better late than never ;)

[constancensq]

Abit late but heres my GUI!

[esmanda3w]

Here is my GUI with a spongebob theme!

[sudogene]

Here's my gui

[damithc]

Here's my gui

@sudogene Special formatting for the error message is a nice touch 👍

[Christopher-LM]

hi this is my gui

[aizatazhar]

Late to the party :') but now that everythings finalised, heres mine

[pr4aveen]

Here's mine

[kkangs0226]

Here's my KING BOB chat bot!!

[soaza]

Here's GUI with a cascading background :D

[tanwayne890]

Here's mine

[Avalionnet]

Here's my variant of duke!

[Nikhilalalalala]

Hello, here's my gui, Kept it simple and neat

[jeffreytjs]

Sharing my simple GUI too! Featuring nana :)

[cwenling]

Hii! Here's my simple GUI, changed it to a cat theme and increased the width. :)))

[Michaeliaaa]

Here is my simple GUI with BT21 characters!