Textarea Field Element

01/04/2021
IMPORTANT NOTE: This is a Form Element – available only when using the Form Builder in Avada Forms.

The Textarea Field Element provides a multi-line text box for extended amounts of information. This is used on many of the Prebuilt forms, and is perfect when you need an area for the user to have a large amount of freedom with regards inputting text.

View Element Demo Page!

Overview

How To Use The Textarea Field Element

The Textarea Field Element allows you to place a Text area into your forms for people to write a message.

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.

Step 3. Click on Add New Element and choose Textarea Field from the Form Elements tab.

Step 4. This Element is much the same as the Text Field Element, with one major difference. Here you can configure a Textarea Row Value, making the text area as big as you like. Otherwise, configure this Element much as you would a Text Field Element.

Step 5. Once you have configured the Element, save your page.

Read below for a description of all element options.

Avada Website Builder

712,296 Businesses Trust Avada

Get Avada
Avada Website Builder

712,296 Businesses Trust Avada

Get Avada
Avada Website Builder

712,296 Businesses Trust Avada

Get Avada

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.

  • Required Field – Make a selection to ensure that this field is completed before allowing the user to submit the form.

  • Disabled Field – Choose to disable the field, which makes its content uneditable. Disabled fields won’t be submitted.

  • Placeholder Text – The placeholder text to display as hint for the input type. If tooltip is enabled, the placeholder will be displayed as a tooltip.

  • 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.
  • Textarea Row Value – Choose number of rows you want to have for this textarea field.
  • 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 Screen

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.
View The Options Screen

Global Options

There are no Global Options for Form Builder Elements.

Avada Website Builder

712,296 Businesses Trust Avada

Get Avada
Avada Website Builder

712,296 Businesses Trust Avada

Get Avada
Avada Website Builder

712,296 Businesses Trust Avada

Get Avada