Forms - How to create responsive fields in forms

One way to improve the user experience is to create responsive fields in your forms, as they adapt to the screen size and make viewing easier.

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.

Access the Form Creation page and click the button SEND and then on the option DIMENSIONS.

Note that the selected unit of measurement is Pixel, which is a static unit, that is, one that does not adapt properly to the different 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 measurements 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 adapts to the form borders!

To check how the button will look on different screens, we offer the Format Preview option for tablet, mobile, and computer. That 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.