Text Input Element Properties

You can configure the following settings in the Properties panel:

  • Value: Represents the text entered by the user or initially assigned.
  • Placeholder: Informational text that appears when the user does not enter text (e.g. “Enter your name”).
  • Max Length: Limits the maximum number of characters the user can enter (e.g. 30 characters).
  • Allow Clear: Allows quick clearing of text with the Delete (X) icon on the right margin.
  • Mask: Allows the user to enter text in a specific format (e.g. ##/###/#### for date).
  • Formatter: Converts the entered text into a specific format:
    • Lowercase: Allows letters to be converted to lowercase.
    • Uppercase: Allows letters to be converted to uppercase.
  • Input Mode: Specifies the keyboard layout (e.g. all - all characters, char - letters and symbols, number - numbers only).
  • Allowed Chars: Specifies the characters that can be entered (e.g. numbers only and characters such as “-”, “(”, “)”).
  • Auto Complete: Provides suggestions appropriate to the text typed by the user (e.g. when “I” is typed, options such as “Izmir”, “Istanbul” appear).
  • Input Mode: Defines the keyboard layout to be used for input. Options include:
    • all: All characters allowed
    • char: Letters and symbols
    • number: Only numeric input
  • Speech To Text: Allows text input through voice commands.