Submit button

Opening the submit button settings

To open the submit button settings, either click on the submit button inside the form:

Click to view in full screen

Or, select Submit button from the Settings menu:

Click to view in full screen

Editing the submit button label

Enter a new label in the Label setting (the default label is Submit):

Click to view in full screen

Changing the submit button width

The submit buttons supports the following widths:

  • Label width

  • 25%

  • 50%

  • 75%

  • 100% (default)

Here's how you change the width:

Click to view in full screen

Inline submit buttons

An inline submit button allows you to create single line forms, such as the following email subscription form:

To create a form similar to the above:

  1. Remove all fields from the form other then an Email field.

  2. Open the email field settings by clicking on the field inside the form:

Click to view in full screen

3. Select 75% for the email field width:

Click to view in full screen

4. Open the submit button settings, and select 25% for the submit button width:

Click to view in full screen

5. Finally, switch on the submit button Inline setting:

Click to view in full screen

Note: remember to mark the email field as required.

Click to view in full screen

Changing the submit button's alignment

If you have chosen a width of less than 100% for your submit button, you can change the submit button's alignment:

Click to view in full screen

Changing the submit button colors

You can change the submit button's color, border color and label color from the Submit button settings too. Here's an example of all colors changed:

Click to view in full screen

For additional information about those settings, see here.

For additional information about choosing and resetting colors in general, see here.

Changing the submit button rounded corners size

To make your form's buttons more or less round, use the slider or enter a number for the rounded corners size in pixels.

For additional information about this feature, click here.

Click o view in full screen

Last updated