Textbox - Gradients, Borders & Floating Label

[Joejsanz]

Textbox
Gradients, Borders & Floating Label.

---

---

StyleTextbox

Set the background color, border color, width, and corner radii of the TextBox. Gradients are automatically applied when multiple colors are provided..

• For solid color: pass a list with a single color.
  For gradient: pass a list with multiple colors.

• To show a border: pass a value greater than 0 in borderWidths.
  To hide a border: pass a 0 in borderWidths.

---

CharacterLimit

Sets a character limit and triggers an event when characters are typed.

---

FirstLetterCapitalized

Automatically capitalizes the first letter as the user types.

---

InvokeKeyboard

Open the keyboard and position the cursor in the textBox.

---

TextPadding

Set padding on both left and right sides of the TextBox (applies equally to both sides).

---

FloatingLabel

Enable the floating label using the native Hint of each TextBox.

backgroundColors:

• To make it look good, you should use the same color as the background where your textbox is located.
• The textbox must have that same background color; using a gradient will make it look bad.

---

KeyboardInvoked

Triggered when the keyboard is invoked on the textbox.

---

RemainingCharactersChanged

Triggered when the number of remaining characters changes.

---

v1.2 September 06, 2026.

• A function was added to separate text that collides with the right or left edge of the textbox when the alignment is set to left or right.

• A floating hint text function was added, positioned at the top-left edge of the textbox.

• The Padding function was removed; it was unnecessary.

---

Textbox.aia (25.7 KB)

joejsanz.joedevtextbox.aix (21.9 KB)

---

JDK: 17
Minimum API Level: 14
Updated On: 2026-09-06T07:00:00Z

Built using: FAST-CLI v7.0.0-premium

---

Support free development

• This extension is and will remain free. If you have found it useful and wish to support my work so I can continue creating and updating components like this one, any voluntary contribution is greatly appreciated:

---

Thanks.

[Kent_Starup]

can i use make a list in this one, so i can have more textboxes in one?

[Joejsanz]

Update v1.1 Ago 14, 2025.

@Joejsanz

• Lists are now used in parameters to use a single block, with a list of values for each text box.
• The colorStart, colorMiddle, and colorEnd parameters have been removed, and instead, the colors parameter has been added, which accepts a list of color lists.
• The hasBorder parameter has been removed since it was no longer needed.
• Fixed an issue with gradientDirections where the gradient directions were not being applied.

---

Note:

• This update will collapse all your textbox blocks if you're using the previous version, as the input type in the parameters has been completely updated.
  • I recommend saving your AIA project so you don't lose your work.

---

aia project:
Textbox.aia (19.2 KB)

Extension: v1.1.
joejsanz.joedevtextbox.aix (15.2 KB)

[CatHead]

I am getting the error
"argument is neither Class nor Type"
Even with the example project. It was working like 5 minutes ago.

[Joejsanz]

@CatHead

I am getting the error
"argument is neither Class nor Type"

It's working for me on Android 14.
Could you show me how you have the blocks?

---

Remember to refresh the companion when adding the extension.

[tyrone_sermenio]

How can i design my PasswordTextbox right now im using joedevTextBox extension, Its working just fine with my TextBoxes But i want to use it in my password textbox is that doable?

[Joejsanz]

@tyrone_sermenio

i want to use it in my password textbox is that doable?

I have updated the extension so that it can be used with the Password TextBox, now you can apply the functions as you do with the normal TextBox

@Joejsanz

Textbox.aia (19.8 KB)

joejsanz.joedevtextbox.aix (15.5 KB)

[Joejsanz]

Updatev1.2

@Joejsanz

Floating Label.

---

TextPadding

Set padding on both left and right sides of the TextBox (applies equally to both sides).

---

FloatingLabel

Enable the floating label using the native Hint of each TextBox.

backgroundColors:

• To make it look good, you should use the same color as the background where your textbox is located.
• The textbox must have that same background color; using a gradient will make it look bad.

---

v1.2 September 06, 2026.

• A function was added to separate text that collides with the right or left edge of the textbox when the alignment is set to left or right.
• A floating hint text function was added, positioned at the top-left edge of the textbox.
• The Padding function was removed; it was unnecessary.

---

Textbox.aia (25.7 KB)

joejsanz.joedevtextbox.aix (21.9 KB)