How to make borders around GuiComponents?

[nightm4re94]

^{This post has been migrated automatically from the old LITIENGINE forum (2018 - 2022).
Posted: 2019-08-16 14:12:44
User: CalvinMT [] (age: 1451 days 🔥; posts: 114)}
Hi!
I'm having trouble to add borders around some GuiComponents (e.g.: DropdownListFields, Sliders). Nothing appears when setting their appearances to show borders.
Here's what I've tried so far:
````// I also tried with 'getAppearance()'
this.dropdownList.getAppearanceHovered().setBorderRadius(5.0f);
this.dropdownList.getAppearanceHovered().setBorderColor(Color.BLACK);````
Is there something wrong in what I've done or is there another way of doing it?

[nightm4re94]

<sup>This post has been migrated automatically from the old LITIENGINE forum (2018 - 2022).
Posted: 2019-08-19 20:21:16
User: nightm4re [Admin 👑, Mod 🔧] (age: 1567 days 🔥; posts: 185)</sup>
If you want to set the Appearance globally for all ~~~~GuiComponents, you can call ~~~~GuiProperties.getDefaultAppearance() and set the properties there. Note that you will have to set the properties individually for each Appearance (normal appearance, hovered appearance, disabled appearance). Initially, the default ~~~~Appearance does not define any ~~~~BorderStyle, i.e. no ~~Stroke. The ~~BorderRadius, on the other hand, only defines the amount of 'roundness' on the corners of rectangular buttons (as shown in the gif below).
[upl-image-preview url=https://forum.litiengine.com/assets/files/2019-08-19/1566245728-62187-button-test.gif]
And here is the code I used:
````java ImageComponent button1 = new ImageComponent(300, 400, 200, 50, "CalvinMT");
ImageComponent button2 = new ImageComponent(300, 460, 200, 50, "LITIlove");
button2.getAppearance().setBorderColor(Color.WHITE);
button2.getAppearance().setBorderStyle(new BasicStroke(2f));

ImageComponent button3 = new ImageComponent(300, 520, 200, 50, "forever <3");
button3.getAppearance().setBorderColor(Color.WHITE);
button3.getAppearance().setBorderStyle(new BasicStroke(4f));
button3.getAppearance().setBorderRadius(10f);

this.getComponents().add(button1);
this.getComponents().add(button2);
this.getComponents().add(button3);````
You can even do fancy dotted stroking etc., as in the examples ~~~~here

[nightm4re94]

<sup>This post has been migrated automatically from the old LITIENGINE forum (2018 - 2022).
Posted: 2019-08-19 20:42:54
User: CalvinMT [] (age: 1451 days 🔥; posts: 114)</sup>
nightm4re Thanks !
And love the GIF ! ❤️