# Submit button

## Opening the submit button settings

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

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FjJu5D5Md4jixHCbbcgls%2Fsubscribe%201%20select_2022-8-13.gif?alt=media&#x26;token=f554afbe-0eec-442d-9c91-75ea54779bc7" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

Or, select *Submit button* from the *Settings* menu:&#x20;

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2Fsurga1838Whg6Td1y6Yu%2Fsubscribe%202%20select_2022-8-13.gif?alt=media&#x26;token=a12e70d1-576c-4d9b-ae19-635227266fd4" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

## Editing the submit button label

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

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FxXmWl5b0flxdi7HFujZ0%2Fsubmit%20label_2022-8-20.gif?alt=media&#x26;token=402d1fc7-7752-4ffa-bed7-8c53fa596671" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

## 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:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FsarElnyE0Vd2a6AZQfU4%2Fsubscribe%203%20width_2022-8-13.gif?alt=media&#x26;token=a4fb620f-d4a9-49b3-8a73-e48543efe171" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

## **Inline submit buttons**

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

![](https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MiN6c9N0rEfEUbfYDgL%2F-Mk3_SoPx-U3eqsJaJAS%2F-Mk3j3M5yKpYUxtQmyqU%2FEmail%20subscription%20form.png?alt=media\&token=417682f2-eb1d-47a4-878d-ac076f82c257)

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:

![](https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MiN6c9N0rEfEUbfYDgL%2F-MkSXcn85O8QwY6fSWVJ%2F-MkSeEXmhA8L6Hi5Ittf%2Fezgif.com-gif-maker%20\(60\).gif?alt=media\&token=ca50bf0b-b805-4249-823f-2e63c8c8cfac)

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FBR1ELxlRlFuLvZbx5Xks%2Fsubscribe%204%20select%20email%20_2022-8-13.gif?alt=media&#x26;token=6a4ad04a-526a-4add-aa76-cd8337e66300" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

3\. Select 75% for the email field width:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2Fln1uG5MnuOX4ANvmKhP5%2Fsubscribe%205%20email%20width_2022-8-13.gif?alt=media&#x26;token=4a96d4e8-df92-4566-a075-5e5a9541cc56" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

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

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FCcSZ7HCun66fpRbYnFOq%2Fsubscribe%206%20width_2022-8-13.gif?alt=media&#x26;token=6ec784aa-a802-419a-8d05-fd0dc7531ab8" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

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

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2F5Wkoez1DfQYVwCIWJk3E%2Fsubscribe%207%20inline_2022-8-13.gif?alt=media&#x26;token=af8bb274-d8ff-47b1-9028-0048c861c5cf" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

Note: remember to mark the email field as required.

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FJiibyaNOcYUxZkOsMOsU%2Fsubscribe%20email%20req_2022-8-13.gif?alt=media&#x26;token=882ead0e-0e3e-4827-8bbc-e4b8ffcd4175" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

## 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:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FLaZWkwd5TtJh3mZML1rF%2Fsubscribe%208%20align_2022-8-13.gif?alt=media&#x26;token=ef7bd598-0d19-413e-9a11-e4603e543c69" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

## 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:

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FuZ8LFrvcDmSdZqFzn0Mq%2Fcaptures_https___eazyform.app_2022-8-20.png?alt=media&#x26;token=df14bde4-2532-4612-b3f3-44aa17681222" alt=""><figcaption><p>Click to view in full screen</p></figcaption></figure>

For additional information about those settings, see [here](https://docs.easyappshq.com/easyform/colors#submit-button-colors).

For additional information about choosing and resetting colors in general, see [here](https://docs.easyappshq.com/easyform/editing-the-form/colors).

## 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](https://app.gitbook.com/o/-MiXSd6ktCKRjDmyi382/s/i86fl5Basjs0JgNXT5zB/~/changes/SRFzrh3tqH8VLWvjVBzM/editing-the-form/rounded-corners#buttons-rounded-corners-size).&#x20;

<figure><img src="https://2373693479-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fi86fl5Basjs0JgNXT5zB%2Fuploads%2FpiYgNocCb2RyHjDbgfEN%2Fsubmit%20corners_2022-8-20.gif?alt=media&#x26;token=63ab4aa4-baed-4a71-85e8-811de887a7b0" alt=""><figcaption><p>Click o view in full screen</p></figcaption></figure>
