Height
The Height component provides an input control for collecting a user’s height using an intuitive slider interface.
How It Works
The Height component displays a slider that allows users to select their height in feet and inches (ft/in). Users can adjust the value using a mouse on desktop devices or touch gestures on mobile devices.
The selected height is stored as a single field value and can be reused throughout the form and related workflows.
Properties
| Property | Description |
|---|---|
| Label Name | The text label displayed above the input 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. The user must input a value before submitting. |
| 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). |
| Unique Name | A required identifier that must be unique within the form. Used in variables, email templates, webhooks, and integrations. |
| Variable Name (for Printable Template) | A variable reference used in printable PDF or Word templates. |
Using Height Values in Other Parts of the Form
You can reference the provided height elsewhere in the form (e.g., success pages, PDF templates, notification emails) using the component’s Unique Name as a variable.