Text Field
Last updated
Was this helpful?
Last updated
Was this helpful?
Text Field
Text Field is an input dedicated for text. It may be used in a variety of components like forms, comment sections and forums.
Card Table Column
Col
Form
Form Search
Popover
Pulse
Trigger Before Render
Trigger On Change
Trigger On Enter Key Press
Trigger On Key Press
Allowed Values: An expression which should return string after evaluation
Provide some helpful level one text for this field and see how it looks on the UI
Allowed Values: Free text field
Provide some helpful level two text for this field and see how it looks on the UI
Allowed Values: Free text field
Check this to hide the label
Allowed Values: Yes/No
Check to render the label in primary color
Allowed Values: Yes/No
Allowed Values: An expression which should return string after evaluation
A message which appears when a cursor is positioned over.
Allowed Values: An expression which should return string after evaluation
Select an option to change the placement of the tooltip when appears.
Allowed Values:
left
right
top
bottom
Allowed Values: Attribute
Provide a text to set as default value.
Allowed Values: An expression which should return string after evaluation
Specify the minimum number of characters to be allowed.
Allowed Values: Any number value
Specify the maximum number of characters to be allowed.
Allowed Values: Any number value
Spefify a value greater than 1 to render a TextArea instead.
Allowed Values: Any number value
Check this to make this field mandatory.
Allowed Values: Yes/No
Specify an expression to conditionally make this field mandatory
Allowed Values: An expression which should return boolean after evaluation
Allowed Values: Yes/No
Specify an expression to conditionally allow editing this field while creating a new row
Allowed Values: An expression which should return boolean after evaluation
Allowed Values: Yes/No
Specify an expression to conditionally allow editing this field while updating an existing row
Allowed Values: An expression which should return boolean after evaluation
Check this to perform validations after commit.
Allowed Values: Yes/No
Change to transform the value to the selected option on change.
Allowed Values:
Uppercase
Lowercase
Default
Choose an expression output type open Expression Editor on Ctrl+E
Allowed Values:
String
Number
Boolean
Any
None
select the check box for displaying count of remaining character for all value lengths
Allowed Values: Yes/No
Choose 6 for a two column form or 4 for a three column form
Allowed Values: Choose 6 for a two column form or 4 for a three column form
Check this if you want this field to be displayed without any borders around the input field. Typically used for readonly fields on a grey background.
Allowed Values: Yes/No
Select this property for capitalizing the text.
Allowed Values: Yes/No
Select a color or enter the custom class to change the color of the text.
Allowed Values: Select a color or enter the custom class to change the color of the text.
This property sets how thick or thin characters in text should be displayed.
Allowed Values:
Light
Normal
Semi Bold
Bold
Default
Check this property to fade the font color of the text.
Allowed Values: Yes/No
Check this property to change the font style of the text to italic.
Allowed Values: Yes/No
Check this property to change the color of the font to light grey.
Allowed Values: Yes/No
Check this property to remove decoration of the text
Allowed Values: Yes/No
Check this property to show hidden overflow content as an ellipsis ('…').
Allowed Values: Yes/No
Select an option to change the size of the text.
Allowed Values:
Small
Normal
Large
Default
Allowed Values: Controller Function
Looking for a tip? Avoiding the use of onFocus!
Allowed Values: Controller Function
Looking for a tip? Avoiding the use of onBlur!
Allowed Values: Controller Function
Allowed Values: Controller Function
