Text Field
Description:
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.
Allowed Parent Components:
Card Table Column
Col
Form
Form Search
Allowed Child Components:
Popover
Pulse
Trigger Before Render
Trigger On Change
Trigger On Enter Key Press
Trigger On Key Press
Properties
➤ Field Label
Allowed Values: An expression which should return string after evaluation
➤ Help Text1
Provide some helpful level one text for this field and see how it looks on the UI
Allowed Values: Free text field
➤ Help Text2
Provide some helpful level two text for this field and see how it looks on the UI
Allowed Values: Free text field
➤ Hide Label
Check this to hide the label
Allowed Values: Yes/No
➤ Label Primary
Check to render the label in primary color
Allowed Values: Yes/No
➤ Placeholder
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip
A message which appears when a cursor is positioned over.
Allowed Values: An expression which should return string after evaluation
➤ Tool Tip Position
Select an option to change the placement of the tooltip when appears.
Allowed Values:
left
right
top
bottom
➤ View Attribute
Allowed Values: Attribute
➤ Default Value
Provide a text to set as default value.
Allowed Values: An expression which should return string after evaluation
➤ Min Length
Specify the minimum number of characters to be allowed.
Allowed Values: Any number value
➤ Max Length
Specify the maximum number of characters to be allowed.
Allowed Values: Any number value
➤ Total Lines
Spefify a value greater than 1 to render a TextArea instead.
Allowed Values: Any number value
➤ Required
Check this to make this field mandatory.
Allowed Values: Yes/No
➤ Required Condition
Specify an expression to conditionally make this field mandatory
Allowed Values: An expression which should return boolean after evaluation
➤ Insert Allowed
Allowed Values: Yes/No
➤ Insert Allowed Condition
Specify an expression to conditionally allow editing this field while creating a new row
Allowed Values: An expression which should return boolean after evaluation
➤ Update Allowed
Allowed Values: Yes/No
➤ Update Allowed Condition
Specify an expression to conditionally allow editing this field while updating an existing row
Allowed Values: An expression which should return boolean after evaluation
➤ Validate On Commit
Check this to perform validations after commit.
Allowed Values: Yes/No
➤ Transform Value
Change to transform the value to the selected option on change.
Allowed Values:
Uppercase
Lowercase
Default
➤ Expression Type
Choose an expression output type open Expression Editor on Ctrl+E
Allowed Values:
String
Number
Boolean
Any
None
➤ Always Show Characters Remaining
select the check box for displaying count of remaining character for all value lengths
Allowed Values: Yes/No
➤ Column Size
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
➤ Transparent
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
➤ All Caps
Select this property for capitalizing the text.
Allowed Values: Yes/No
➤ Text Color
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.
➤ Font Weight
This property sets how thick or thin characters in text should be displayed.
Allowed Values:
Light
Normal
Semi Bold
Bold
Default
➤ Hint Text
Check this property to fade the font color of the text.
Allowed Values: Yes/No
➤ Italic
Check this property to change the font style of the text to italic.
Allowed Values: Yes/No
➤ Muted
Check this property to change the color of the font to light grey.
Allowed Values: Yes/No
➤ No Decoration
Check this property to remove decoration of the text
Allowed Values: Yes/No
➤ Overflow Ellipsis
Check this property to show hidden overflow content as an ellipsis ('…').
Allowed Values: Yes/No
➤ Text Size
Select an option to change the size of the text.
Allowed Values:
Small
Normal
Large
Default
➤ On Change
Allowed Values: Controller Function
➤ On Focus
Looking for a tip? Avoiding the use of onFocus!
Allowed Values: Controller Function
➤ On Blur
Looking for a tip? Avoiding the use of onBlur!
Allowed Values: Controller Function
➤ On Value Change
Allowed Values: Controller Function
Last updated
