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.

[Kent_Starup]

What did i wrong here?

[Taifun]

Probably colors must be a list of lists, just try to add snother create a list block

Taifun

[Kent_Starup]

Now i tried this with error::

PrepperApp(30).aia (3.0 MB)

[Kent_Starup]

Anyone who can help? Check my last reply

[Joejsanz]

@Kent_Starup

Anyone who can help?

You need to add a list block in the imagePosition parameter:

[Kent_Starup]

thanks thats help. Anyone knows if i can use a filepicker, imagepicker and so on in this also?

[TIMAI2]

What did you try ?

What kind of file are your trying to read ? (Should be a text file)

[Kent_Starup]

that is a json file.
But that part works. I just want to change the filepicker.AfterPicking button like a normal button. With that extension my reply was under from the begnnning. Why did you make a new post with this ? When it was the extension i asked about?

[TIMAI2]

Well, you said nothing about formatting a button, you asked about picking a file.

I will move it back.

FWIW, the FilePicker button is a button like any other button, so should be accessible to this extension.

[Kent_Starup]

It giveme this error, see picture.