A Text Field is a control that displays editable text. You typically use this control to gather small amounts of text from the user and perform any immediate action, such as search operation based on that text.
The TextField class implements a UI control that accepts and displays text input. It provides the capability to a user, to input text.
Text boxes do have the ability to apply validation rules, such as required fields.This control can also holds a multi-line footer text area, located just below its location. This serves as a great place to add contextual information.
Sets text to be displayed on Text Field.
Used to set the color of the Text Field.
Sets the font of the text to be displayed.
Sets custom font name (special font, not available in default fonts) for text to be displayed in Text Field.
Sets the font size of the text to be displayed.
Used to set the alignment of the text.
The string that is displayed when there is no other text in the Text Field.
The size of the smallest permissible font with which to draw the text.
To fit in the Text Field, the font size of the text gets adjusted in the Text Field.
This property sets maximum number of lines that can accustom the Text Field. You can set as many lines as you wish to have. There’s no limit.
The restriction entry on the user’s entry of text in the Text Field.
This property enables the formatting of the number entered by the user in the Text Field.
The view that is displayed instead of the keyboard.
The control that will be displayed in the toolbar above the keyboard when user will start entering data in the Text Field.
The overlay displayed on the left side of the Text Field.
The overlay displayed on the right side of the Text Field.
This property is for setting "Object ID" of the control on which character count of Text Field has to be displayed.
Sets color for the placeholder text.
Choose from the different available options and style the border used by the Text Field.
Sets the mode of the button in terms of its appearance and visibility.
A Boolean value indicating whether the Text Field removes old text when editing begins.
Sets the Auto-capitalization style for the text object.
Sets the Auto-correction style for the text object.
Choose from the range of available types and set the keyboard style associated with the text object.
The appearance style of the keyboard that is associated with the text object. The appearance can be set as either Default or Alert.
The contents of the “return” key can be set from the various available options as Default, Go, Google, etc. from the drop down.
A Boolean value indicating whether the return key is automatically enabled when the text is entered by the user.
This property identifies whether the text object should hide the text being entered.
Sets the horizontal alignment for content (text or image or both) of button.
Sets the vertical alignment for content (text or image or both) of button.
A Boolean property to indicate whether the gesture recognizer is enabled.
Enables the Interaction with user, i.e. control responds when user taps on it.
Used to set the transparency to the Button which ranges from 0 to 1.
Used to set the background color to the Text Field.
Sets border width for a control.
Sets radius with which control's rounded corners should be drawn. Setting this property will enable control appear with rounded corners.
Sets the border color for a control. Works only if "Border Width" property is set to a value more than 0. Default would be black color.
Sets width of each dash in dashed border pattern for a control.
Helps set the spacing between Dashes for Dashed Border.
Sets angle in degrees to which the Segment Controller which is in its normal state, has to be rotated. Possible values for this property are -360 to 360.
A Boolean value to enable Text Field to increase the height in proportion to the content.
Sets the X position of the Text Field.
Sets the Y position of the Text Field.
Sets the width of the Text Field.
Sets the height of the Text Field.
Sets unique identifier for the control. Control can be referenced with name set in this property for configuration.
Set "Object ID" of Text Field which contains this control or can serve as parent.
Sets the web service key from data received from web server, which corresponds to the value to be displayed on the control.
Group of horizontal android default properties.
Reference type is the the default property to set selected view with respect to other view.
Reference object that is used for positioning selected object.
marginLeft : Specifies extra space on the left side of this view. This space is outside this view's bounds.
marginRight : Specifies extra space on the right side of this view. This space is outside this view's bounds.
Offset Value defines the extra space value in the pixel.
This property centers the child horizontally with respect to the bounds of its parent view.
If any of the horizontal layout setting parameter(s) are selected then this value is selected to indicate user applied horizontal custom layout setting parameter(s).
Group of vertical android default properties.
These are the android default properties to set selected view with respect of other view.
Reference object that is used for positioning selected object
marginTop : Specifies extra space on the top side of this view. This space is outside this view's bounds.
marginBottom : Specifies extra space on the bottom side of this view. This space is outside this view's bounds.
Value define the extra space value in pixel.
This property centers the child vertically with respect to the bounds of its parent view.
If any of the vertical layout setting parameter(s) are selected then this value is selected to indicate user applied vertical custom layout setting parameter(s)
The image that represents the background appearance of the Text Field when it is enabled.
The image that represents the background appearance of the Text Field when it is disabled.
Group of horizontal android default properties.
If any of the layout setting parameter(s) are selected then this value is selected to indicate user applied custom layout setting parameter(s).
Group of vertical android default properties.
The padding is expressed in pixels for the left, top, right and bottom parts of the view. Padding can be used to offset the content of the view by a specific amount of pixels.
For instance, a Left value of 2 will push the view's content by 2 pixels to the right of the left edge.
For instance, a Bottom value of 2 will push the view's content by 2 pixels to the top of the bottom edge.
For instance, a Top value of 2 will push the view's content by 2 pixels to the bottom of the top edge.
This property centers the child vertically with respect to the bounds of its parent view.
For instance, a Right value of 2 will push the view's content by 2 pixels to the left of the right edge.
The height of the view cannot be less than the given value.
If user select “Default Min Height” then android default value is taken otherwise it takes 0dp.
The width of the view cannot be less than the given value.
If user select “Default Min Width” then android default value is taken otherwise it takes 0dp.
Sets the height of the view
match_parent/fill_parent : Takes the height as its parent view
wrap_content : Takes the height as its content’s height
Sets the width of the view
match_parent/fill_parent : Takes the width as its parent view
wrap_content : Takes the width as its content’s width
Hiding an element can be done by checking ‘Hide’. This property lets you hide the control.
Advance - Sets auto resizing with respect to superview, for Text Field.
This event is triggered while editing search bar, i.e when a character is entered or deleted from search bar.
This event is triggered when user starts typing the text in the Text Field.
The action related to this event will be called when user has completed editing the text in the Text Field.
This event is triggered when user taps on the control. Hence the required Action can be configured on ‘Click’ event.
This event is triggered when user taps a button on alert view, which was shown using “Show Alert” action, so any actions you want perform when alert button button is tapped can be configured in “Alert Button Click” event listed in ”ACTION(S)” tab of the control on which you have configured “Show Alert” action or Under Data source events of "Data sources" tab (if alert was shown on using “Show Alert” action configured in "Datasource Loaded" event of a data source in "Data Sources" list, you can configure actions of alert button click in "Alert Button Click" listed under data source events). “seletedButtonIndex” and "selectedButtonTitle" are the response parameters which indicate which button is tapped by user. Add condition for checking value of “seletedButtonIndex” or "selectedButtonTitle" response parameter value in order to configure actions for each button of alert view separately. You can access user input in alert view text fields using "alert_text_1" and "alert_text_2" response parameters in case of alert type is "SecureTextInput", "PlainTextInput" or "LoginAndPasswordInput"
Following are the response parameters for this event :-
1) selectedButtonIndex :- Index of the tapped button
2) selectedButtonTitle :- Title of the tapped button
3) alert_text_1 :- Text entered by user in text field one. If alert type is
"SecureTextInput", "PlainTextInput" or "LoginAndPasswordInput"
4) alert_text_2 :- Text entered by user in text field two(password). If alert type is
"LoginAndPasswordInput"
You can restrict user to enter only certain set of characters in Text Field. You need to use “Text Entry Restrictions” property for it. For “Text Entry Restrictions” property you can set values:
numbers_only: User can enter only numbers to the Text Field control.
characters_only: User can enter only letters to the Text Field control.
alpha_numaric_only: User can enter both letters and numbers to the Text Field control.
phone_number_only: User can enter only a valid phone number to the Text Field control.
max_length: You need set this in format “max_length(n)” where “n” is the maximum number of characters you want to allow user to enter in Text View.e.g, “max_length(100).
User can enter only upto “n” number of characters you set in brackets of max_length() restriction , in Text Field control)
This feature lets you design your custom input view for Text Field, which will be presented instead of default keyboard, when user tries to enter something in Text Field. You need to set “InputViewId” property to the control, which you want to present as input view to user.
You can add a custom view above standard keyboard while Text Field is being edited. You need to set “Input Accessory View Id” property to the control, which you want to add above standard keyboard.
This feature lets you display number of characters entered by user on the go while Text Field is being Edited. If you set “Text Entry Restrictions(max_length(n))” property, initially maximum count will be displayed on character count display control, which will be decreased as user enters text into Text Field until character count reaches o. You need to set “Count Receiver Id” property to the control, on which you want to display character count of Text Field.
This unique feature lets you add dynamic behaviour to Text Field, i.e, Text Field’s height will be increased with animation while user enters text in it. You need to enable “Is Growing Text Field” property to add this feature. You can set maximum number lines upto which Text Field can grow using “Maximum Number Of Lines” property.
When Text Field is intended to be used as an input for only numbers like, phone number, you can use this feature to format numbers entered by user with a predefined format. You need to use “Text Field Number Format” property for this. For Example, if “XX-XXX-XXX-XXXX” is set in “Text Field Number Format” property, when user enters numbers into Text Field, “X” will be replaced each number entered by user and “-” will be added at appropriate places like, “91-123-456-7890”.
You can add controls on left and right sides of Text Field control. Use “Text Field Left View Id” property to set left view and “Text Field Right View Id” property to set right view for Text Field.
Follow us on Social Media to stay updated
Chat with our support agents in real time and get answers to your questions.
Have any questions related to sales or getting on board? Send us your questions.
