Responsive Form Best Practices

The following are some guidelines to keep in mind when optimizing your forms for use on mobile devices. Logiforms follows mobile form design best practices by default (increasing field and font sizes, in-line validation messages shown below fields etc), but for a highly optimized form also consider:

• Avoiding using the table element. This element is not responsive. Small tables with 3 or less columns may still work  on mobile devices
• Use the option to hide elements on mobile to make the form shorter, faster and easier to fill out
• Always use the Embedded Integration Mode. This integration method will respond and adapt on different devices
• Use the Heading > Graphic Element when you want a graphic that will automatically re-size. Theme Heading Images also re-size on mobile