Phone input
Phone inputs allow for users to enter and edit phone numbers, typically in a form. There is masking support for phone numbers with a +1 country code (USA).
Usage
Phone inputs will accept numbers only and use built-in Validation for telephone numbers. If an invalid phone number is entered, an error will be displayed when the user submits.
New for 24.2: Now labels can use property references, making them dynamic; creating more personalized, engaging experiences.
For more best practices on building forms with inputs in Constellation, visit Pega Academy.
Example
Display options
Required
This will prevent any form submission until the required selection is made.
Readonly
Readonly inputs are typically recommended to use when they provide information that a user shouldn't edit, but makes sense in the logical order of the form. (e.g. A state input may be readonly based on certain business restrictions, but the street and province or state are freely editable.)
Disabled
Not recommended, has serious accessibility implications.
Configuration
To learn how to configure this component in your Constellation application, visit Pega Documentation.
All information on this site pertains to the Constellation UX System (from 8.8 and onwards). Looking for something else? See resources specifically for Theme Cosmos. If you have questions, concerns, or any other feedback, please reach to us on Pega Support and include the capability 'User Experience' and 'Constellation' in your request.