What are Responsive Forms?
Responsive forms automatically adjust their styles based on the size of the form user's display, making them usable on all device types: desktops, laptops, tablets, and phones.
Tips for Mobile Devices
By default, your forms are automatically responsive, but there are a few extra things you can do to assist mobile users.
- Split long forms into shorter pages with Page Break items. Short pages reduce scrolling.
- Avoid complex item types like Matrix items and Multi Scale items. Complex items are harder to interact with and sometimes cannot shrink small enough to fit on small screens.
- Avoid large images. Large images may take too long to load on mobile connections.
- Share your form with its QR code, found on your form's "Share" page.
Embedding Responsive Forms
Forms embedded with the Embed Code are also responsive. For example, if you embed your form into a small container on your web page. If needed, you can force the responsive behavior on or off with the Embed Code's
mobileResponsive parameter setting.
If you have trouble with your form layout or styling when embedding your form into a small container, try changing this parameter to
false. Also, note that responsiveness for embedded forms depends on responsiveness of the page you have embedded it into.
If you're an advanced user with CSS knowledge, you can directly edit the CSS for your form by going to your form's "Form Editor -> Style" page and then to the "Advanced" section. You can add additional CSS media queries to target specific mobile device sizes.
Note: Formsite cannot provide support assistance for advanced editing and cannot guarantee custom CSS will work as expected in all cases. You're responsible for testing your custom CSS in a variety of different browsers and situations.