appdoo (Mac) Documentation

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

• 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

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

• 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.

Data Links

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.