Text Field Widget (Themable)
 |
This themable widget was listed as Beta in the ThingWorx 8.4.X release.
|
The Text Field widget enables you to enter a single line text field in the mashup.
|
|
The Text Field widget is available as a standard widget in the platform and as a web component that can be imported from an SDK.
|
The properties of the Text Field widget are listed below.
|
Property Name
|
Description
|
Base Type
|
Default Value
|
Bindable? (Y/N)
|
Localizable? (Y/N)
|
|---|---|---|---|---|---|
|
Text
|
The text that is displayed in the text field.
|
STRING
|
n/a
|
Y
|
Y
|
|
Label
|
The text that is displayed in the label of the text field.
|
STRING
|
n/a
|
Y
|
Y
|
|
Counter
|
Counts and displays the number of characters that are entered in the text field.
|
BOOLEAN
|
False
|
N
|
N
|
|
MaxNumberOfCharacters
|
Enables you to set a maximum number of characters in the textfield.
|
NUMBER
|
100
|
Y
|
N
|
|
HintText
|
Displays placeholder text that explains what should be entered in the field.
|
STRING
|
n/a
|
N
|
Y
|
|
Disabled
|
Use this property to disable the widget in the mashup. The widget is displayed in the mashup but you cannot click it.
|
BOOLEAN
|
False
|
Y
|
N
|
|
ReadOnly
|
Enables you to set the text field as read-only and the user cannot edit the text.
|
BOOLEAN
|
False
|
N
|
N
|
|
Password
|
Enables you to hide the text field entry.
|
BOOLEAN
|
False
|
N
|
N
|
|
ShowClearText
|
Enables you to add a Clear button inside the text field, which allows the user to clear the text in the field at runtime when the button is clicked
|
BOOLEAN
|
True
|
N
|
N
|
|
LabelAlignment
|
Enables you to align the label to the left, right or center.
|
STRING
|
Left
|
N
|
N
|
|
TextAlignment
|
Enables you to align the text to the left or right in the field.
|
STRING
|
Left
|
N
|
N
|
|
Mask
|
Enables you to set predefined characters in the text field. In the property configuration field, use “a” to set a alphabetic entries, “9” for numeric entries, and “*” for alphanumeric entries.
|
STRING
|
n/a
|
N
|
N
|
|
TabSequence
|
The sequence of the widgets in which they are highlighted when the user presses Tab key.
|
NUMBER
|
n/a
|
N
|
N
|
|
CustomClass
|
Enables you to define the CSS to the top div of the widget. Multiple classes can be entered, separated by space.
|
STRING
|
n/a
|
Y
|
N
|
|
EnterKeyPressed
|
The event that is triggered when the Enter key is pressed while editing the text in the Text Field widget.
|
n/a
|
n/a
|
Y
|
N
|
|
Changed
|
The event that is triggered when the data of this widget is modified.
|
n/a
|
n/a
|
Y
|
N
|
|
ResetToDefaultValue
|
Resets the inputs for this widget to their default values.
|
n/a
|
n/a
|
Y
|
N
|
|
Width
|
The width of the widget.
|
NUMBER
|
273
|
N
|
N
|
|
Height
|
The height of the widget. It is automatically calculated by default. The height increases if you include a label within the text field.
|
NUMBER
|
Autosize
|
N
|
N
|