Phone
The Phone component provides a user-friendly input interface for providing home, work or cell phone numbers.
How It Works
The Phone component displays a clickable input field, allowing users to type and enter their phone number. You can customize its label, enabled/disabled, required status, and additional behaviors to match your form requirements.
Properties
| Property | Description |
|---|---|
| Label Name | The text label displayed above the phone field. |
| Hide Label | Option to hide the label visually while keeping it accessible to screen readers. |
| Disabled | The field is still displayed, however it can not be filled out. |
| Make Required | Marks the field as required. |
| Add Regular Expression | Applies a custom validation pattern using regular expression (RegEx) syntax to control what input is allowed in the field. |
| Display Code | Displays the area code in front of the phone number input field. |
| Add CSS Class | Apply custom CSS classes to style the field to match your branding or layout. |
| Display Component in Navigation | Option to include this component in any summary or form navigation (if applicable). |
| Customizable Texts | Allows for the display of a customizable message, such as when an invalid phone format is entered. |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name | A variable identifier that can be copied to collect information in printable PDF or Word forms. |
| Mask in Notification Email | Option to partially mask the phone value in email notifications for privacy or compliance reasons. |
Using Phone Values in Other Parts of the Form
You can reference the provided phone number elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.