Page 1 of 1
How To Make A Button Your Way
Posted: Thu Dec 07, 2023 8:58 am
by richmond62
OK, OK, OK: you have found out that the standard buttons in OXT are ever so slightly boring, and you would like something with a bit more, um, pizzazz.
So: open a new stack in OXT:
-

- SShot 2023-12-07 at 10.50.03.png (233.32 KiB) Viewed 1207 times
-
Import the image you want to have as the back ground of your button:
-

- SShot 2023-12-07 at 10.51.33.png (373.22 KiB) Viewed 1207 times
-
Make sure you know what the image is called:
-

- SShot 2023-12-07 at 10.51.44.png (261.14 KiB) Viewed 1207 times
Re: How To Make A Button Your Way
Posted: Thu Dec 07, 2023 9:02 am
by richmond62
Move the image where people will not be able to see it:
-

- SShot 2023-12-07 at 10.52.03.png (231.03 KiB) Viewed 1207 times
-
Create a rectangle graphic:
-

- SShot 2023-12-07 at 10.52.22.png (234.22 KiB) Viewed 1207 times
-
and set its name to the words you want on your button:
-

- SShot 2023-12-07 at 10.53.12.png (186.84 KiB) Viewed 1207 times
Re: How To Make A Button Your Way
Posted: Thu Dec 07, 2023 9:05 am
by richmond62
Set the text size of the graphic to the size you want in your finished button:
-

- SShot 2023-12-07 at 10.53.34.png (212 KiB) Viewed 1206 times
-
And resize the graphic to the way you want it:
-

- SShot 2023-12-07 at 10.53.58.png (242.87 KiB) Viewed 1206 times
-
Now set the back ground of your button by entering code into the
messageBox:
-

- SShot 2023-12-07 at 10.54.57.png (267.28 KiB) Viewed 1206 times
Re: How To Make A Button Your Way
Posted: Thu Dec 07, 2023 9:09 am
by richmond62
Resize and reshape the graphic to the way you want your button to look:
-

- SShot 2023-12-07 at 10.55.47.png (213.76 KiB) Viewed 1205 times
-
Change the text and border colour if you want to:
-

- SShot 2023-12-07 at 10.56.14.png (213.1 KiB) Viewed 1205 times
-
Add any shadow effects if you wish:
-

- SShot 2023-12-07 at 10.56.33.png (194.3 KiB) Viewed 1205 times
Re: How To Make A Button Your Way
Posted: Thu Dec 07, 2023 9:13 am
by richmond62
Group the graphic by using the menu:
-

- SShot 2023-12-07 at 11.11.21.png (221.6 KiB) Viewed 1204 times
-
Give your group a name:
-

- SShot 2023-12-07 at 11.11.46.png (221.87 KiB) Viewed 1204 times
-

- SShot 2023-12-07 at 11.12.17.png (187.15 KiB) Viewed 1203 times
Re: How To Make A Button Your Way
Posted: Thu Dec 07, 2023 9:15 am
by richmond62
Make sure that your group is locked:
-

- SShot 2023-12-07 at 11.12.27.png (191.07 KiB) Viewed 1202 times
-
Write code in the
messageBox to take a snapshot of the group:
-

- SShot 2023-12-07 at 11.35.26.png (142.97 KiB) Viewed 1201 times
-
Delete the group:
-

- SShot 2023-12-07 at 11.35.47.png (151.4 KiB) Viewed 1201 times
Re: How To Make A Button Your Way
Posted: Thu Dec 07, 2023 9:38 am
by richmond62
You now have an image which can be used as a button:
-

- SShot 2023-12-07 at 11.36.02.png (136.2 KiB) Viewed 1200 times
-
You can remove the back ground image from your stack as it is no longer needed.
Re: How To Make A Button Your Way
Posted: Sat Dec 09, 2023 5:30 pm
by tperry2x
To add to this, another idea if you just want a UI control that looks a bit different:

- another-way.png (29.18 KiB) Viewed 1064 times
Re: How To Make A Button Your Way
Posted: Sat Dec 09, 2023 6:48 pm
by richmond62
That's very nice, but the point of this thread was really how to make a button that looks the same regardless of which platform a standalone hived off from the source stack is meant to run on: and that includes not getting buggered-up because chummy, the end-user does not have the 'Rocky Horror' font on his/her system.