Fields and Buttons Get More Look & Feel Settings

Several exciting updates have been added to the Look & Feel page to help you style your form and fields.

First, two new Look & Feel settings are now available to customize the size of text fields: “Field Font Size” and “Field Padding”. You can use these to make big, fluffy fields (or tiny, compact ones). This can be used to help attract attention to your form items, or to make them as concise as possible.

Look & Feel big fields.

Next, more Look & Feel options have been added to make fields and buttons rounder. Rounding can provide a nice, customized look to your form. Rounded corners will work in any modern browser, but please note that Internet Explorer 8 and below cannot support rounded corners.

New Way to Edit Success Pages

The Standard Success Page format has been updated to use a full HTML editor in place of the simple text editor and preview section. This new format allows for more flexibility to customize your Success Pages for a form. You may replace the ‘Green Check’ image with your own custom image and can use the ‘HTML’ icon to the far right to add custom code. Existing Success Pages will automatically show up in the new editor.

Success Pages

A new ‘Reset’ link has also been added to both the ‘Standard’ and ‘Custom’ Success Page formats. This can be used to reset the contents of the ‘Message’ section to the default image and text. For example, if you remove the ‘Green Check’ image but want to get it back, you may use the ‘Reset’ link.

For more details on our Success Pages, please visit our documentation page.

Table Notification Format Improved

The Table Notification format has been improved with a new, modern style. Multiple choice questions now display answer choices as bullet lists. Matrix and Multi-Scale items now display separate rows for each sub-question. Combined, these Table improvements make answers for complex questions much easier to read.

notification-table

Row colors alternate for each item. Multiple rows for a single item share the same color. Required questions are denoted with a red star.

All of these improvements help to make the Table email format look great in a wide variety of email programs. You can get started using the Table format for your emails at the Form -> Notifications page.

Instant Demo of FormSite

We have added the ability to jump right into an instant demo of FormSite.com with just the push of a button.

instant demo

Click this to preview a FormSite account and try out our celebrated form builder and other great features. This lets you use a temporary account to see everything FormSite has to offer. When you’re ready, you can simply sign up from inside of this account to keep it as your own, along with any forms or results contained within.

sign up to keep your instant demo account

You can also sign up for a regular account, including a free 14-day trial of the Pro 1 level of service, HERE.

How to Make Image Buttons

FormSite has some advanced options that you can use to display an image as your form’s submit button.

First, you will need an image to use. Upload an image on your account’s “Account -> Files & Images” page. Then, copy the URL to where the image has been stored in your account. Keep this URL for later.

Big button.

Next, edit your form and go to the Look & Feel page. On the Look & Feel page, go to the Advanced tab. The Advanced tab allows you to directly edit your form’s CSS. Find the section for “.submit_button”, this CSS class controls your form’s submit button. Replace this entire section with the following:

.outside_container .submit_button {
background: url(/example/images/big-button.png);
border: none;
padding: 0;
height: 150px;
width: 150px;
}

Set the background to be the URL to your image. Set the height and width to match your image’s size. Then, save the Look & Feel page.

Lastly, go to your form’s “Form -> Custom Text -> Custom Text” page. Find the “Submit” label for the submit button and replace it with a single space. This will remove the label text from the button so that it will not obscure the image.

custom-submit

Reports Feature has Arrived

FormSite has a new Reports feature. It allows you to share your form’s results with your users. This can be very useful. Reports can be viewed in two formats: Table format and Chart format.

Table Report Format

Table format shows your form’s results as a table. There is one row per result. The user can sort the table and resize the columns. You can optionally allow users to edit results from the table. All form data is available in the table. This includes: Order Form totals, Scoring totals, Form Login information, etc.

report-table

Chart Report Format

Chart format shows your form’s results as charts. There is one chart per form item. Users can select which item to view. The chart can be toggled to a pie chart or bar chart.

report-charts

Security

In cases where security is required, you can also add a password or restrict what data is included by using Views and Filters. You can create multiple reports with different settings and give them to different sets of users.

Mobile-Friendly Presentation

We have added a new mobile-friendly presentation option. You will see this by default after logging in on a smartphone or other mobile device.
mobile view
The mobile-friendly presentation gives a more concise view of your forms on the Home page. The Publish page has also been updated to make it easier to get links to your forms as well as share them on Facebook and Twitter. Updates on the Summary Table allow you to easily and quickly view your results on a small-screened device.

In addition to offering a more streamlined experience, the new mobile presentation also helps pages load faster and conserve mobile data usage. If you would like, you can also still get back to the regular “desktop” view at any time.

Sign Up or Login to try it out!

Continue reading