One of the cool 123ContactForm features that is not enough explored by users is label placement. A simple, yet very smart feature, that lets you change the way your form looks, and reduce height required by the form, if you need the form placed in a webpage with little height. You can switch between Left Aligned and Top Aligned from the Form Setup page, but we decided to add 2 buttons on the Form Editor page, for you to easier choose which is the best form layout for you.

For improved usability, we added highlighting for the current field. This way, the user always knows which is the form element that currently has the focus.

Until now, if your visitor filled your form, and entered an URL in one of the fields, you had to copy it to the Clipboard, then paste it in the browser’s address bar. We just made a little trick, and now all links in the form submission are detected and made clickable.

If you hold a contest, you probably have some strict rules for participating, and one of them probably is that the contest entries must be submitted before a certain date. In order to achieve this, you must “tell” your contest form not to accept entries submitted after the end date. This can be done from your 123ContactForm account, select the form, and go to the Tweak Form page.

Below is a screenshot of how you can schedule your form’s activity.

Today we released a great add-on to our already existing web form autoresponder feature. Now you can use custom variables in your autoresponder message. For example, the use of [%Your name%] will make the autoresponder contain the form submitter’s name, if it was entered during the form submission.

If you followed this blog, or our recent newsletters, you probably noticed that we released a lot of cool features lately. Because of this, the real-time preview, located in the right part of Form Editor, became more and more cramped. So, we decided to remove the real-time preview, but we added a cool Preview button, on the same page. It opens the preview in a nice lightbox. Below is a screenshot with the new look of the Form Editor.

Our services offer you 31 pre-made color themes for your forms. But some of our users, who have very well defined web identities, asked us to let them use exactly the colors they want. Some of them have even registered certain RGB colors.
So, we created a nice, easy to use, theme editor. As you can see in the screenshot below, now you can easily select the 3 main colors of the theme, using the color picker. Then, you have to click the Save button, and you’re done.

We received a request to let the visitors use a time picker for the selection of a valid time value. But we thought it wouldn’t be nice to add another JavaScript to the forms. So we went for another solution: time validation using the existing field validation mechanism, from the Form Editor. If you add time validation for a field, when the form is displayed for the first time, the default value is set to “00:00″, and when you submit the form, if an invalid time is entered (eg: 0x:69), an error is displayed, asking for a valid time value.

The Likert scale is one of the best ways to create a nice, efficient, compact survey. It makes the survey easy-to-be-filled, and also reduces the height of the webpage. This is why we added support for Likert scales. All you have to do to convert radio controls into Likert scales is to go to Form Editor, click the magic wand () and tick the “Enable Likert scale” option.

To see how Likert scales improve the usability of the forms, we have attached two screenshots (without and with Likert scale enabled).

vs

We decided to improve the way our verification images look, to make them harder to break. Below are the old and the new verification images.

old: new: