Skip to content

Text & Textarea

Text Input Settings (text, url, tel, phone, etc.)

Section titled “Text Input Settings (text, url, tel, phone, etc.)”

The following can be used on text fields to limit the number of characters.

{
"maxlength" : 100,
"minlength" : 10,
"pattern" : "/ab+c/",
"readonly" : true,
"disabled" : true,
"class" : "custom-class"
}
{
"rows" : 10
}

Automatically transform text on save. Useful for enforcing consistent casing (e.g., names, titles).

{
"textTransform" : "titlecase"
}
ValueInputOutput
lowercaseJOHN DOEjohn doe
uppercasejohn doeJOHN DOE
titlecasejohn doeJohn Doe
sentencecasejohn doeJohn doe
smart-titlecaseJOHN DOEJohn Doe
smart-sentencecaseJOHN DOEJohn doe

The transform is applied server-side on save, so it works regardless of how data is entered (admin, API, CLI, or import). It only applies to plain text — HTML content (styled text) is not affected.

The smart- variants only transform text that is entirely uppercase or entirely lowercase. If the text is already mixed case, it is left unchanged. This is useful for name fields where you want to fix MARIA DE SILVAMaria De Silva but leave Maria de Silva alone if someone typed it correctly.

{
"firstName": {
"type": "string",
"label": "First Name",
"field": "text",
"settings": {
"textTransform": "titlecase"
}
}
}

Default all text will be scanned for HTML and sanitized to help prevent from XSS attacks. You can disable this by setting the following.

{
"htmlclean" : false
}