Text Input Field

This element allows the user of your iOS app to enter text in a single-line text field. This is often used in forms.

Properties

To show the properties of the Text Input Field, click the Properties tab (the slider icon) in the upper right sidebar.

Text Input Field

appdoo - Elements - Text Input Field (Text Input Field)

  • Name
    Here you give the element a name. This name is only used within appdoo. For example, you can quickly see in the outline where each Text Input Field is located. You can also edit the name by double-clicking on the Text Input Field in the outline. We recommend that you assign unique names when working with Layout Constraints and Data Links.

  • Text
    If you want the Text Input Field to contain text right from the start, enter it in this field.

  • Placeholder
    In this text box, enter the text to be displayed as placeholder text as long as no text has been entered in the Text Input Field.

  • Make Text Unrecognizable
    Select this check box if you want to use the Text Input Field as a password field. The entered text is masked by asterisks.

  • Enabled
    Check this box if you want the user of your iOS app to be able to write text into the Text Input Field.

  • Has Border
    Check this box if you want the Text Input Field to be displayed with a frame.

  • Capitalize

    • Don’t
      Specifies that there is no automatic text capitalization.
    • All Words
      Specifies automatic capitalization of the first letter of each word.
    • All Sentences
      Specifies automatic capitalization of the first letter of each sentence.
    • All Characters
      Specifies automatic capitalization of all characters, such as for entry of two-character state abbreviations for the United States.
  • Clear Icon

    • Don’t Show
      The icon never appears.
    • Show While Editing
      The icon is displayed only while text is being edited in the text field.
    • Show Unless Editing
      The icon is displayed only when text is not being edited.
    • Show Always
      The icon is always displayed if the text field contains text.
  • Keyboard

    • Default
      Specifies the default keyboard for the current input method.
    • ASCII
      Specifies a keyboard that displays standard ASCII characters.
    • Numbers and Punctuation
      Specifies the numbers and punctuation keyboard.
    • URL
      Specifies a keyboard optimized for URL entry. This keyboard type prominently features the period (“.”) and slash (“/”) characters and the “.com” string.
    • Number Pad
      Specifies a numeric keypad designed for PIN entry. This keyboard type prominently features the numbers 0 through 9. This keyboard type does not support auto-capitalization.
    • Phone Pad
      Specifies a keypad designed for entering telephone numbers. This keyboard type prominently features the numbers 0 through 9 and the “*” and “#” characters. This keyboard type does not support auto-capitalization.
    • Name or Phone Number
      Specifies a keypad designed for entering a person’s name or phone number. This keyboard type does not support auto-capitalization.
    • Email Address
      Specifies a keyboard optimized for entering email addresses. This keyboard type prominently features the at (“@”), period (“.”) and space characters.
    • Decimal Pad
      Specifies a keyboard with numbers and a decimal point.
    • Twitter
      Specifies a keyboard optimized for Twitter text entry, with easy access to the at (“@”) and hash (“#”) characters.
    • Web Search
      Specifies a keyboard optimized for web search terms and URL entry. This keyboard type prominently features the space and period (“.”) characters.
  • Appearance

    • Default Style
      Specifies the default keyboard appearance for the current input method.
    • dark
      Specifies a keyboard appearance suitable for a dark UI look.
    • light
      Specifies a keyboard appearance suitable for a light UI look.

Font

appdoo - Elements - Text Input Field (Font)

In this area you have the possibility to set the font, the font weight and the font size. If you select the “System” option for the font, the system font specified by iOS will be used for the display. This font may differ between different versions of iOS.

Advanced

appdoo - Elements - Text Input Field (Advanced)

  • Hidden
    If you activate this checkbox, your Text Input Field will still be present on your work space, but will not be displayed in the app. This can be useful, for example, if you only want to display the Text Input Field under certain circumstances. You can control this via the “Hidden” field in the “Data Links” area.

Geometry

All information about this area can be found on the separate Geometry page.

appdoo - Elements - Text Input Field - Geometry

The following properties of the element can be set using the data links:

  • Text
  • Placeholder
  • Enabled
  • Hidden

All information about this area can be found on the separate Data Links page.

appdoo - Elements - Text Input Field - Geometry