Forms - How to create responsive fields in forms

One way to improve users' experience is to create responsive fields in your forms, as they adapt to screen size and facilitate viewing.

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

It adapts to the lead's screen size.

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.

Button we will use as an example.

The same procedure can be done for other components.

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%.

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.

The same can be done for tablets and other screen formats.

Now your button is ready to adapt to different screens.

Last updated

Was this helpful?