TextboxDialog - Create a textbox list with alignment, input type, background colors, hint, text, Fields Required and spinner

TextboxDialog
Create a textbox list with:
Alignment, input type, background colors, hint, text, Fields Required and spinner.


GIF_20250709_015218_173
GIF_20250709_015447_867
GIF_20250709_015731_361

Spinner:
GIF_20250902_000436_282


ShowTextboxDialog

Create and show a dialog with textboxes.

  • The title accepts HTML.
  • When creating a textbox, it is internally assigned an id, starting with 1.

AddButtons

Adds multiple buttons below the message with customizable options with shadow.

  • Setting buttonWidths to -1 will cause it to expand to the width available in the layout.

  • The shadowColors parameter must be a list of colors in hexadecimal format (for example, "#22000000" for a semi-transparent black shadow) with the same number of elements as buttons. Each element corresponds to the button's shadow color at the same position.

  • When you click the button if the keyboard is open, it will close it and then the event will fire.


MaxLength

Restrict maximum character length for specified textboxes.


RequiredFields

Mark fields as required (cannot be empty).

The colors of the bubble and its text will be the colors of the icon and its sign.


ActionButtons

Set which buttons will act as confirm and cancel buttons.


ExcludeButtonsFromSubmit

Sets which buttons should not trigger the DialogSubmit event when clicked.
Pass a list of button IDs that should be excluded.


SpinnerConfig

Set options for a spinner (dropdown menu).

  • To apply the spinner, in the ShowTextboxDialog function, in the inputTypes parameter you must put the help block with the Spinner option.

  • After ShowTextboxDialog you must set the SpinnerConfig function and in textboxId you must pass the id where you set the inputType of the Spinner.

  • The color of the drop-down menu and the text will be the colors applied to the textbox as backgroundColors and textColors in the ShowTextboxDialog function.

Note:

  • When adding many options, the drop-down menu no longer appears anchored to the edge of the textbox.

SpinnerItemSelected

Triggered when an item is selected from a spinner.


TextChanged

Event triggered when text changes in any textbox.

component_event


ButtonClick

Event raised when a button is clicked.

component_event (1)


DialogSubmit

It fires with a list and json with the values entered in each textbox.

component_event (2)


v1.1 Sep 02, 2025.

  • Added spinner option

TextboxDialog.aia (67.1 KB)

joejsanz.joedevtextboxdialog.aix (42.7 KB)


JDK: 11
Minimum API Level: 21
Updated On: 2025-09-02T07:00:00Z

Built using: FAST-CLI v4.3.1-premium


Thanks.

9 Likes

Hello! I want to use this extension for an app I'm making, and I'm wondering if you could also add an option to add a spinner to the TextBox dialog

Seems like a good idea, I'll see what I can do.

Update 1.1 Sep 02, 2025.

2 Likes

Thank you! It turned up very good, i will defenetly be using this extension in my project!