Number Element
The Number Element is a field used to allow the user to enter any numeric value. See the Reservation Prebuilt Form for an example of this Element in use.
How To Use The Number Element
The Number Element allows your users to place a number into a field in your form.
Step 1. Create a new, or edit and existing Form in the Avada Form Builder.
Step 2. Create, or choose the Column you wish to add the Element into. Click on Add New Element.
Step 3. Choose Number from the Form Elements tab.
Step 4. Go through the options to populate and configure the Element. The main options for this Element are the Min and Max Values.
Step 5. Once you have configured the Element, save your page.
Read below for a description of all element options.
Element Options
Location: The edit screen within each Element. You access the Form Builder Elements when adding an Element while editing a Form in the Avada Form Builder (Forms > Form Builder, from the Avada Dashboard).
You can deploy as many individual Elements in your forms as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each instance of the Element independently, greatly enhancing your flexibility and creative options.
General Tab
Field Label – Enter the label for the input field. This is how users will identify individual fields.
Field Name – Enter the field name. Should be single word without spaces. Underscores and dashes are allowed.
Min Value – Minimum allowed value.
Max Value – Maximum allowed value.
Required Field – Choose from Yes, or No. Make a selection to ensure that this field is completed before allowing the user to submit the form.
Placeholder Text – The placeholder text to display as hint for the input type.
Tooltip Text – The text to display as tooltip hint for the input.
Input Field Icon – Select an icon for the input field, click again to deselect.
Tab Index – Tab index for this input field.
CSS Class – Allows you to add a class to the wrapping HTML.
CSS ID – Allows you to add an ID to the wrapping HTML.
Conditionals Tab
- Conditional Logic – Add conditional logic for the input field. Please see the Conditional Logic In Avada Forms document for more information on how to use this feature.
Global Options
There are no Global Options for Form Builder Elements.
