# Forms - How to create responsive fields in forms

<figure><img src="/files/3b1820f355e6cac47105f0d1b9c3bc2dc1d50d69" alt=""><figcaption></figcaption></figure>

See how to create a responsive button in the example below, using the button **Send** as a reference:

<figure><img src="/files/e4692fc195c1d99e843f61b0c4d92946920ddf57" alt=""><figcaption><p>It adapts to the lead's screen size.</p></figcaption></figure>

Go to the Form Creation page and click the **SEND** button and then on the **DIMENSIONS**.

Note that the selected unit of measurement is Pixel, which is a static unit, that is, it does not adapt properly to the various screen sizes of the devices users may use.

<figure><img src="/files/b8bb9d5ea36b33a0480a13798d74d989cbe9b60c" alt=""><figcaption><p>Button we will use as an example.</p></figcaption></figure>

<figure><img src="/files/879a689bc48ab5e2445d6f57d3d3d484a1b7013a" alt=""><figcaption><p>The same procedure can be done for other components.</p></figcaption></figure>

In the media selection you will find **other** options, but the **best** option for this case is to use the unit of measurement of **Percentage**, as it is a dynamic unit that adjusts to users' screens. It is **important** to keep the width at **100%**.

<figure><img src="/files/5bd8addf8918f9963031c6b11a2772b28cb04ef6" alt=""><figcaption></figcaption></figure>

Note that the Send button **adjusts** the edges of the form!

To check how the button will look on different screens, we offer the Format Preview option for tablet, mobile and desktop. This way you can get an idea of what the final result will be.

<figure><img src="/files/6e0f4ffcf5150a59526c43fa77b733dc08b53aa3" alt=""><figcaption><p>The same can be done for tablets and other screen formats.</p></figcaption></figure>

*Now your button is ready to adapt to different screens.*


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sprinthub.com/en/topics/convert/forms/forms-common-questions/forms-how-to-create-responsive-fields-in-forms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
