Button • Custom: Icon, Radius, Border, Color, Gradient, HTML Text, Text Alignment

[Joejsanz]

Thank you so much Nicholas

[S4IL]

Could you please provide an example aia?
Thanks

[Joejsanz]

@S4IL

Could you please provide an example aia?

Yes, here it is:

Button.aia (24.4 KB)

[luipar56]

I need help. When i use this extension i cant make a button invisible unless i change screen first and then go back to the starting screen. Thanks for the help

[Joejsanz]

@luipar56

i cant make a button invisible unless i change screen first and then go back to the starting screen

Do you want to change the color when you click on it?

Yes, you can by calling the function again and passing it the new color.
The problem is that you also have to set all the other parameters.

I'm going to make an update, including being able to change the color individually.

[Joejsanz]

Update v1.0.3 Mar 22, 2025.

@Joejsanz

• The buttonShadows parameter has been separated from the SetButton function.
• Helper blocks have been added for the imagePosition parameter of the SetButton function and the alignments parameter of the SetHtmlTextWithAlignments function.
• Previously, the button only accepted two input colors; you couldn't enter more or less colors without getting an error.
  • Now, the button can accept one color or more than two colors for a gradient.
• A function has been added to dynamically change the button's color.
• A function has been added to remove the shadow. (Removing the shadow increases the button's size.) Recommendation: If you add a shadow, don't remove it unless you configure the button correctly.
• A function has been added to add HTML text and alignment.

---

aiaProject:
Button.aia (31.1 KB)

Extension v1.0.3.
joejsanz.joedevbutton.aix (17.4 KB)

[nico]

Hi @Joejsanz, I have a little suggestion, if you could make different blocks in addition to this one for each type of design (for example one block for the radius, one block for the gradient, etc...):

@Joejsanz

SetButton

Initialize the button with the values ​​you set, the image shows how to do it.

Color input can be in Hexadecimal, RGB, and AI2 color blocks.

Thanks in advance,
Nico

[omer_eren]

What should we write in the htmlText block? I could not understand these html codes.

[Joejsanz]

@omer_eren

What should we write in the htmlText block?

For example:

This is a <b>message</b> with <i>HTML</i>.

This is a message with HTML.

Text with <b><big>HTML

Text with HTML

---

You can find the HTML tags on Google and try them in the extension.