Notice Element

Last Update: July 4, 2024

The Notice Element is used to display messages after form submission. There is a field for both a success message, and a failure message. They come pre-populated with default messages, or you can totally customize them with your own messages. You will find this Element on almost all the prebuilt forms.

For privacy reasons YouTube needs your permission to be loaded.

How To Use The Notice Element

The Notice Element allows you to place notices into your forms. To start, just add the element into your desired column in a Form Layout.

The Notice Element controls the notices shows when the Form Confirmation Options in the Confirmation Tab of the Form Options panel is set to Display Message. The Element comes pre-populated with default messages, but you can of course customize these messages as you wish. When using Display Message as the Confirmation Type, this is a required Element for your form.

How To Customize The Notice Element

To control the colors for the notices, head to the Global Options for Alerts at Avada > Options > Avada Builder Elements > Alert. The notices take the default colors of the Success and Error colors.

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

HeadingDescription
Success MessageEnter a message to be shown when the form has been successfully submitted.
Error MessageEnter a message to be shown when a problem has been encountered while submitting the form.
MarginEnter values including any valid CSS unit, ex: 4%.
CSS ClassAdd a class for the form field.
CSS IDAdd an ID for the form field.

Conditionals

HeadingDescription
Conditional LogicAdd conditional logic for the input field.