Tips & Tricks

2.0 Mobile Optimization for Your Forms is Here

123FormBuilder

by 123FormBuilder

mobile formsFor many of us, mobile devices such as tablets and smartphones have replaced the PC or laptop in daily web navigation. Knowing this, we are now introducing a superior level of mobile optimization here at 123FormBuilder, so that your forms and surveys will adapt to all types of screens.

Basically, the coding explanation behind the change is that we’ve shifted from <table> to <div> containers in the form code. When a mobile terminal is accessing the URL of your form, 123FormBuilder detects what kind of device it is – either a phone or a tablet, each with its own particular output dimension. The layout of form elements is adjusted automatically for best rendering on your favorite device.

The optimization applies to all forms created with 123FormBuilder. Let’s now discuss a couple of scenarios where the change reflects most significantly.

One column forms

This is probably the most popular form layout. Contact forms, RSVP forms or even more complex creations such as survey questionnaires usually find their optimum shape in a single column arrangement. On your mobile screen, these forms will elegantly fill the available space and create a sense of lightweight. Even wide columns such as Google Maps can now fit perfectly into all display dimensions. Using their devices, visitors can scroll down or zoom in/out to see the whole picture.

Tablet event registration

Multiple column layout

tablet multi column

Complex forms and surveys are best expressed in a multiple column arrangement, which helps save horizontal space and offers more information at one glance. Until now, such compact forms posed the risk of not rendering correctly on certain resolutions or devices. Now all that is a thing of the past; with the 123FormBuilder optimization, your multiple column forms fall in just the right place on any type of screen.

mobile survey

Mobile surveys

They are flexible, ubiquitous and extremely popular. In the hands of a wise entrepreneur or marketer, mobile surveys can be the richest source of customer insights. Now your surveys are equipped for each possible medium. Users can view the surveys correctly on any resolution from less than 128 square pixels all the way up to wide mobile screens.

As you implement mobile friendly forms and surveys, we would very much appreciate your feedback. Happy form building!

8 comments

  1. Pingback: Mobile Forms: What And How To Use | Smashing Forms
  2. Hi,

    I noticed the web forms created here, although it optimized for Apple devices (as in it will automatically re-size the width for the screen), it does not work for Windows Phone 8 (Nokia Lumia 820).

    Is it possible to change the code so that it will also be optimized for Windows Phone 8

    1. Hi Steven, thanks for your comment! Our developers are handling the optimization you mentioned at present and it should be finalized in short time. Our support team will keep you posted with the progress by email.

  3. Denni, the mobile upload component we are using for the moment (especially for Apple devices) is a Flash based one which has its glitches, but we are planning to change it for a JavaScript control soon. Thanks for your comment!

Leave a comment

Your email address will not be published. Required fields are marked *

You love forms as much as we do?

Then share your form story with us! We will read all the submitted cases and reach out the selected ones for further details. The chosen ones will have a case study created and will be featured in our blog, newsletter and social media channels.