What are Responsive Forms?
Mobile 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. Shorter 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.
If needed, you can disable the responsive adjustments by going to your form's "Form Editor -> Style" page and then to the "Advanced" section. Then, use the "Mobile responsive" setting.
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. But also note that responsiveness for your embedded form depends on the responsiveness of the page you've 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 extra 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.