Dress up your web forms in the redesigned and enhanced Theme Editor!


The Form Themes section has been redesigned, and new options for customizing your themes have been added. Various tweaks that were possible beforehand only with custom CSS are now default controls. Let’s break it down and see what the new theme settings are all about.

Background & Form Frame. You can set the color for the page background and for the form background. The page background also accepts images, linked through their URLs or uploaded from your computer. The form frame, box title and frame shadows can be turned on and off. And there’s a little something that can change the feel of your form completely: rounded corners!

New Form Themes Editor

Text. Text and label info (instructions) colors can be set using color pickers. There are 13 standard browser fonts that you can choose from, and the font size can be set in various measurement units.

Highlight. Highlight applies to the field that is on focus at a certain moment. You can set the background and text highlight colors or disable highlighting.

Buttons. There are four buttons that can be enabled in your form: the Submit button (always enabled), the Reset button (can be enabled in the Form Editor), the Calculate button (included automatically in forms with payment integration), and the Next Page button (used for navigation in multi-page forms). You can change the color for each of them or use your own button images.

Logo. Add your own logo in the top section of the form either by providing its URL or by uploading it from you computer. We also provide a long list of predefined logos that may suit your needs on different occasions.

Others. Here you can customize the colors of the multi-page progress bar and of the asterisk that marks required fields.

Find out more on how to customize your form theme in our Help & Documentation section. If you have suggestions of what could become a default control in the theme editor, we invite you to share them with us.

About the Author

Alexandra Draghici is the Project Manager of 123ContactForm. She tracks our project development and acts as a link between departments. Alexandra likes web technologies and teaching online and offline.

This entry was posted on Thursday, November 29th, 2012 at 10:36 am and is filed under Designers, Tips & Tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply