IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.The Date Field Element allows you to enter a formatted date using a date picker calendar option. See the Reservation Form Prebuilt Form for an example of the Date Field Element in use. See the Reservation Form Prebuilt Form for an example of the Date Field Element in use.,View Element Demo Page!,OverviewHow To Use The ElementElement OptionsGlobal OptionsUseful Links & Resources,How To Use The Date Field ElementThe Date Field Element allows you to place a formatted date using a date picker calendar option into your forms.
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 Date Field from the Form Elements tab.
Step 4. Go through the options to populate and configure your date field. Add a label and a name, decide if it is to be a required field, add optional placeholder and tooltip text, choose when to show the custom picker, and choose an icon.
Step 5. Once you have configured the Element, save your page.
Read below for a description of all element options.
767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada767,645 Businesses Trust Avada
Get Avada,Element OptionsLocation: 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).
Note: Please note that the displayed options screens below show ALL the available options for the element. If you have Avada』s Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
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.
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. Note, this will only show for the custom picker. NOTE: The placeholder will only be displayed on screen sizes that have the custom picker enabled.
Tooltip Text – The text to display as tooltip hint for the input.
Custom Picker – Choose to enable a lightweight custom picker on mobile only, mobile and desktop or set to never to use browser native.
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.
View The Options ScreenConditionals TabConditional 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.View The Options ScreenGlobal OptionsThere are no Global Options for Form Builder Elements.,Useful Links & Resources
The Avada Form Builder
Avada Form Local Options
Avada Form Global Options
Avada Form Element
How To Use Conditional Logic In Avada Forms