Raised when the user presses the Enter key on their keyboard while the field has focus. Simultaneously updates the value server-side. Prevents Default button action.
LabelPressed
None
None
Raised when the user clicks the label.
StateChanged
None
None
Raised when the user’s text has changed the State of the field based on the supplied Pattern.
ValueChanged
None
None
Raised when the user changes the value of the field.
Highlights typed text within the autocomplete results dropdown.
AutocompleteMaximumItems
Integer
5
Maximum number of items to display in the autocomplete results dropdown.
AutocompleteSearchThreshold
Integer
2
Number of characters required to be input for autocomplete to process.
CaseModifier
CaseModifiers
None
Controls the capitalization of value text. Also applies to Placeholder.
EnterKeyHint
EnterKeyHints
Enter
Text to display in the Enter button of mobile/virtual keyboards.
FieldStyle
GraffitiStyle
Nil
Style applied to the field portion of the class.
IconHeight
Integer
16
Height of IconObject when specified.
IconObject
Picture
Nil
Custom icon displayed in the label portion. Signify location using <icon> in Label text.
IconWidth
Integer
16
Width of IconObject when specified.
Label
String
“Untitled”
Caption of the label portion of the control. Supports FontAwesome icons, IE: <fas fa-search>
LabelAlignment
GraffitiTextField.Alignments
Left
Alignment of text and icons in the label portion of the field.
LabelPosition
Positions
Left
The location of the label in relation to the field.
LabelStyle
GraffitiStyle
Nil
Style applied to the label portion of the class.
LabelVisible
Boolean
True
When False, only the text field portion of the component will be displayed.
LabelWidth
Integer
-1
Static width of label portion. -1 for auto.
MaxLength
Integer
-1
Maximum number of characters that the field can contain. Set to -1 for the maximum HTML limit of 524288.
Multiline
Boolean
False
When True, the user may enter multiple lines of text within the component. Some other features or functionality may not be operational under these conditions due to browser limitations.
This snippet changes the state of the field based on the length of the field’s text:
if me.Value.Length > 3 then
me.State = GraffitiTextField.States.Valid
elseif me.Value.Length <> "" then
me.State = GraffitiTextField.States.Invalid
else
me.State = GraffitiTextField.States.Unvalidated
end if
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional
Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.