Important: Several unnecessary files have been removed from this version. This includes an Open Flash chart file that was found to have security vulnerabilities. If you update manually, be sure the delete the entire plugin folder before uploading the new one. Updating automatically will remove the old files without any extra effort on your part.

CSS Classes

Easier form formatting has been added. Simply open the field options, add one of our predefined classes, and no more messing with the customizable HTML unless you want to.

A two-column form is simple. Add a section heading field to your form, and give it a “frm_first_half” class. If you don’t want to see the heading, set the label position to “none”. This creates column one. Add a second section heading to mark the start of column two, and give it a “frm_last_half” class. That’s it!

Or if you only want to have two fields on the same row, you don’t need any additional section headings (unless you want them). You can give the first field the “frm_first_half” class, and the second field the “frm_last_half” class. Save your form and you’re done.

Available CSS classes are shown in the screenshot above.

The option is located in the field options for each field.

You can also see some of these classes in use in the updated form templates. For best results, existing users may want to go to the Formidable styling settings page, and change the default field width to 100%. This will make your forms scale better for mobile devices.

Add a class on the input

Custom code is no longer needed to add a new class directly on the input in the HTML. In the customizable HTML, change [input] to [input class="your_class_here class2"]. Add a space-separated list of any classes you would like to add.

Other styling/formatting options

There is an added “Inline” option to the label position dropdown in the field options. This allows for a left-aligned label without the width restriction. This allows for a field with a long label to not be restricted by the label width set in the global styling options.

Added an input mask option available via the $frm_input_masks global and ‘frm_input_masks’ hook. This forces a specific format in a field like a social security number. There are many ways this can be utilized, but here’s one example that can be added to a new plugin or your theme functions.php:

//format field #25 as a Social Security number
add_action('frm_field_input_html', 'add_input_html');
function add_input_html($field){
    if($field['id'] == 25){ //change 25 to the ID of your field
        global $frm_input_masks;
        $frm_input_masks[$field['id']] = "999-999-9999";
    }
}

Editable Admin Panels

The forms, entries, and custom display page columns shown and entries per page are now customizable for those running at least v3.1 of WordPress. Use the “Screen options” section at the very top of the page to customize which columns are shown.

Use a separate label and value

Radio, checkbox, and dropdown fields can now use two separate values: one for show, and one to save. This makes calculations easier if you don’t want the number to show on the page. You can add the value for the calculation as the value, and leave your label the way you want your users to see it.

Custom display enhancements

Added Security. For extra security and to more easily allow multiple custom displays per page, if a custom display has detail link parameters defined, ONLY those parameters will be allowed. Also, if a custom display for a post type is inserted on a page, the link will redirect to the single post page if accessed with the regular detail link. For example, our topic notification emails in the help desk contained a link to help-desk?topic=4568fj. This now redirects to the single post page.

Limit with dynamic dates. There are many times when custom displays need to be limited by dynamic dates instead of hardcoded ones. This is now possible without the addition of custom code. In addition to accepting “NOW” to only show entries with dates that are greater or less than the current date, PHP dates are now also accepted like “-1 month”.

Added shortcode options. The custom display shortcode has new options that allow a way to set some where options.

[ display-frm-data id=5 get="whatever" get_value="value"]

This allows for the use of [get param="whatever"] in a “where” row of the custom display to limit which entries are shown.

More accurate automatic placement. Automatically inserted custom displays are also now going through an extra check to make sure it is in “the loop” to avoid the need for adjusting the insert position setting. This helps to ensure your custom displays will always show on your page when they should.

More content control.

• Dates can be displayed in terms of how long ago it was, instead of displaying the date. Use time_ago=1 to trigger this option. Example: [created-at time_ago=1] or [25 time_ago=1]
• Conditional custom display statements will evaluate not_like, less_than, and greater_than options. For example: [if 25 not_like="hello"]This will show if “hello” is not included in field #25[/if 25]
  Or for created-at, updated-at, or date fields, you can use dynamic date options like [if created-at less_than='-1 month']
• The auto paragraphs that are added to paragraph field types can be turned off individually without custom code. Example: [25 wpautop=0]
• Field labels can be shown dynamically in your custom display. Example: [25 show="field_label"]
• If the where options in a custom display use a GET or POST value (ie [get param=something]), and this value is an array, the search will check for each value instead of searching for a comma-separated value in a single entry. So it will check for the values of ‘red’ or ‘blue’ or ‘yellow’ instead of ‘red,blue,yellow.’

Calendar Enhancements. Month and year dropdowns have been added to custom display calendar for easier navigation through months and years. The calendar styling has also been improved. The month and day names are now being pulled from WordPress to avoid a little bit of extra translation, making the calendar more useful out-of-the-box for multilingual users. You can see a calendar demo on the demo site.

Google charts added

The current flash charts just aren’t enough for everyone, especially since they don’t show on many mobile devices. Although not as pretty, Google charts are available for all charts, and will be used automatically as a fallback on mobile devices. Use Google charts all the time by adding google=1 to your frm-graph shortcode.

[ frm-graph id=x type=bar google=1]

Open Flash Chart:

Google Chart

Form results shortcode enhancements

The formresults shortcode is useful, but many people couldn’t use it simply because they also needed an edit link. Now, that has been enabled. edit_link is the name of the link, and page_id is the page the link should go to. You can include the form on the same page as well, and the link will shift the screen to your form.

Google tables support has been added to the shortcode as well. This table includes pagination and sorting options. It defaults to include sorting and to show 20 entries per page. Change the number of entries per page with pagesize=40, and turn off sorting with sort=0.

Here’s a little Google table example at the bottom of this page on the demo site.

Use dynamic default values for all fields

There is an added option in the field options for radio, checkbox, dropdown, and data from entries fields to set a dynamic default value. The value still must be available in the options for that field.

Other notable enhancements

• Removed a vulnerable Open Flash Charts file. If you do not update, be sure to REMOVE THIS FILE! (pro/js/ofc-library/ofc_upload_image.php)
• The built-in calculations support simple date calculations like [date1]-[date2] to get the number of days between the two dates
• Option to not store entries in the database from a specific form
• Option to Skip Akismet spam check for logged in users
• Updated the time field to use a true select box instead of a text field. This makes the field more seamless with your form styling and on mobile devices.
• Allow dynamic default values in the HTML field type. This will still only display values and will not be saved with the entries.
• Added HTML classes on the search form, so if themes include styling for the WP search form, it will be applied to the
  as well
• Updated the frm-entry-links shortcode to use show_delete with type=list instead of only showing delete links with type=select
• Added timeout to redirect so users will see the redirect message for a few seconds before being redirected
• Check the default [auto_id] value after submit to make sure it’s still unique
• Allow user logins for the user_id parameter in the frm-graph, frm-stats, and display-frm-data shortcodes instead of limiting to only user ID
• Updated file upload process to change the file path before uploading instead of moving the files afterwards
• Added ‘frm_graph_value‘ filters to change the value used in the graphs
• Added type=maximum and type=minimum to the frm-stats shortcode

Full change log

To update, visit the plugins page in your WordPress admin for automatic update or follow the manual install instructions.

• Updated the time field to use a true select box instead of a text field. This makes the field much more mobile-friendly, and visually seamless.
• Changed the CSS class names to make them more intuitive: frm_first_half, frm_last_half, frm_first_third, frm_third, frm_last_third, frm_first_fourth, frm_fourth, frm_last_fourth, frm_first_inline, frm_inline, frm_last_inline, frm_full, frm_grid_first, frm_grid, frm_grid_odd. The previous classes will continue to work as well.
• Added timeout to redirect so users will see the redirect message for a few seconds before being redirected
• Removed included swfobject and json2 javascripts to use the included WordPress versions. Graphs now require at least version 2.9 of WordPress.
• Added ‘frm_graph_value’ filters to change the value used in the graphs
• Populate strings to be translated without requiring a visit to the WPML plugin pages
• If the where options in a custom display include a GET or POST value with an array value, translate the search to check each value instead of searching for a comma-separated value in one record. (Check for a value of ‘red’ or ‘blue’ or ‘yellow’ instead of ‘red,blue,yellow’)
• Added entry key and entry ID to the where options in custom displays
• If greater than or less than options are used with a number field in a custom display, treat them as numbers instead of regular text
• Allow user logins for the user_id parameter in the frm-graph, frm-stats, and display-frm-data shortcodes

See full changelog.

Download and manually install

After the signature is submitted, an image is created and stored in your Formidable uploads folder. This image is displayed on the admin entries listing and single entry page. If this field is used in a custom display, the signature image will be displayed there as well.

Read installation instructions.

Custom Display Calendar Enhancements

Dropdown navigation for the months and years have been added to the calendar for easier jumping between months. The calendar styling has also been improved and now looks much cleaner. The “active field” colors have also been applied to the current date. Plus, for those with a non-English site, we are now getting the list of months and days of the week directly from the WordPress locale settings. This means less translation is needed since it will be automatic based on your WordPress language settings.

Updated Templates

All of the templates packaged with Formidable have been updated to use the new styling classes. Now when you start from a template, you start with a more compact form.

Other Enhancements

• Added Polish translation (Thank you weiser78!)
• Check the default [auto_id] value after submit to make sure it’s still unique
• Allow dynamic default values in HTML field type, including [get param="item_meta#91;25#93;], so values from a previous page in the form can be displayed. A multi-paged back button is scheduled for v1.7.
• Added type=maximum and type=minimum to the frm-stats shortcode
• Added less_than, and greater_than options to conditional custom display statements. Ex [if 25 less_than="3"]…[/if 25] or [if 25 less_than="-7 days"]…[/if 25]
• Allow [if created-at less_than='-1 month'] type of statements in the custom display for date fields, created-at, and updated-at

You can see a list of the features in 1.6.3 here.

See full change log for v1.6.3rc1

Download

CSS Classes

Easier form formatting has been added. Simply open the field options, add one of our predefined classes, and no more messing with the customizable HTML unless you want to.

A two-column form is simple. Add a section heading field to your form, and give it a “frm_first_half” class. If you don’t want to see the heading, set the label position to “none”. This creates column one. Add a second section heading to mark the start of column two, and give it a “frm_last_half” class. That’s it!

Available CSS classes are shown in the screenshot above.

The option is located in the field options for each field.

Add a class on the input

Custom code is no longer needed to add a new class directly on the input in the HTML. In the customizable HTML, change [input] to [input class="your_class_here class2"]. Add a space-separated list of any classes you would like to add.

Other styling/formatting options

There is an added “Inline” option to the label position dropdown in the field options. This allows for a left-aligned label without the width restriction. This allows for a field with a long label to not be restricted by the label width set in the global styling options.

Input mask hook

Added an input mask option available via the $frm_input_masks global and ‘frm_input_masks’ hook. This forces a specific format in a field like a social security number. There are many ways this can be utilized, but here’s one example that can be added to a new plugin or your theme functions.php:

//format field #25 as a Social Security number
add_action('frm_field_input_html', 'add_input_html');
function add_input_html($field){
    if($field['id'] == 25){ //change 25 to the ID of your field
        global $frm_input_masks;
        $frm_input_masks[$field['id']] = "999-999-9999";
    }
}

Editable Admin Panels

The forms, entries, and custom display page columns shown and entries per page are now customizable for those running at least v3.1 of WordPress. Use the “Screen options” section at the very top of the page to customize which columns are shown.

Custom display enhancements

For extra security and to more easily allow multiple custom displays per page, if a custom display has detail link parameters defined, ONLY those parameters will be allowed. Also, if a custom display for a post type is inserted on a page, the link will redirect to the single post page if accessed with the regular detail link. For example, our topic notification emails in the help desk contained a link to help-desk?topic=4568fj. This now redirects to the single post page.

There are many times when custom displays need to be limited by dynamic dates instead of hardcoded ones. This is now possible without the addition of custom code. In addition to accepting “NOW” to only show entries with dates that are greater or less than the current date, PHP dates are now also accepted like “-1 month”.

The custom display shortcode has new options that allow a way to set some where options.

[ display-frm-data id=5 get="whatever" get_value="value"]

This allows for the use of [get param="whatever"] in a “where” row of the custom display.

Automatically inserted custom displays are also now going through an extra check to make sure it is in “the loop” to avoid the need for adjusting the insert position setting. This helps to ensure your custom displays will always show on your page when they should.

Google charts added

The current flash charts just aren’t enough for everyone, especially since they don’t show on many mobile devices. Although not as pretty, Google charts are available for all charts, and will be used automatically as a fallback on mobile devices. Use Google charts all the time by adding google=1 to your frm-graph shortcode.
[ frm-graph id=x type=bar google=1]

Form results shortcode enhancements

The formresults shortcode is useful, but many people couldn’t use it simply because they also needed an edit link. Now, that has been enabled. edit_link is the name of the link, and page_id is the page the link should go to. You can include the form on the same page as well, and the link will shift the screen to your form.

[ formresults id=x edit_link="Edit" page_id=5]

Google tables support has been added to the shortcode as well. This table includes pagination and sorting options. It defaults to include sorting and to show 20 entries per page. Change the number of entries per page with pagesize=40, and turn off sorting with sort=0.

[ formresults id=x google=1 pagesize=20]

Use a separate label and value

Radio, checkbox, and dropdown fields can now use two separate values: one for show, and one to save. This makes calculations easier if you don’t want the number to show on the page. You can add the value for the calculation as the value, and leave your label the way you want your users to see it.

Use dynamic default values for all fields

There is an added option in the field options for radio, checkbox, dropdown, and data from entries fields to set a dynamic default value. The value still must be available in the options for that field.

Other notable enhancements

• The built-in calculations support simple date calculations like [date1]-[date2] to get the number of days between the two dates
• Option to not store entries in the database from a specific form
• Option to Skip Akismet spam check for logged in users

Full 1.6.3 beta 1 change log
Full 1.6.3 beta 2 change log

Download

1. Install plugins. If you haven’t already, you need to install Formidable Pro and MapPress. The pro version of Formidable is needed for the custom display feature.
2. Create your form. First, you need a form to collect the addresses you want to use in your maps. You can use any number of fields for your address that you would like. One field for the whole address, or multiple fields to separate out the city and state.
3. Add a new shortocode. Copy and paste the following code into a new plugin or your theme functions.php file. If your not sure where to add it, put it add the very end of your functions.php right before the ending ?> if there is one. This doesn’t need any modification or changes.

   add_shortcode('form_to_mappress', 'form_to_mappress');
   function form_to_mappress($atts) {
        extract(shortcode_atts(array(
   	      'width' => 600, 'title' => '', 'body' => '',
                 'address1' => '', 'address2' => '', 'directions' => 'none'
        ), $atts));
   
        $mymap = new Mappress_Map(array("width" => $width));
        $mypoi_1 = new Mappress_Poi(array("title" => $title, "body" => $body, "address" => $address1));
        $mypoi_1->geocode();
        $mymap->pois = array($mypoi_1);
        if($address2 != ''){
          $mypoi_2 = new Mappress_Poi(array("address" => $address2));
          $mypoi_2->geocode();
          $mymap->pois = $mypoi_2;
        }
        return $mymap->display(array('directions' => $directions));
   }

4. Create your custom display. Now, create a custom display to loop through your entries and display them on a page. The specific settings for your custom display don’t matter. In the spot you would like to insert your map, use the new shortcode you just created above.
   [form_to_mappress address1="[25]” address2=”[26]” title=”[27]” body=”[28]” width=300 directions=”google”]
   [25], [26], [27], and [28] should be replaced with field IDs or keys for your form using the dropdowns above the content/dynamic content boxes. If you only want a single point on the map, your shortcode might look like this: [form_to_mappress address1="[25]“]
   
   The “directions” parameter accepts “inline”, “google”, or “none”. Choose “inline” to include a link in each map marker for directions or “google” to display a directions window from Google.

   Or, if you are using multiple fields to collect your address information:
   [form_to_mappress address1="[25], [31], [32]“]
   [25] = Address line
   [31] = City
   [32] = State

   This shortcode will work independent of Formidable as well if you want to hardcode an address.
   [form_to_mappress address1="500 chestnut st, phildelphia" width="400" title="DC" body="Beautiful Washington, DC"]

5. Publish. There are a number of ways you might be publishing: automatically in generated posts, automatically using the settings in the custom display, or by inserting the shortcode on a page. If you are inserting the shortcode, you MUST include a parameter to tell Formidable to run the content through WordPress filters, filter=1.
   [ display-frm-data id=x filter=1]

If you’ve already installed this add-on, you can update from the plugins page in your WordPress admin.



Download Now

Highrise is a CRM tool from the creators of Basecamp. Integration with Highrise has now been added to Formidable. Set up any form to automatically send contacts to your Highrise account with a quick settings page.

You can find more detailed setup instructions in the knowledge base. If there’s another integration you would love, let us know in the integration survey.

Download Now or Take survey

Added WPML integration. Forms are now multilingual. Just installing WPML and the Formidable add-on they provide, and translate away. The pro version includes the quick translation page pictured above. This page can be reached when WPML is activated, by going to Form -> Edit -> Settings, and click the “Translate form” button near the top.

Send notifications when entries are updated. A check box has been added to the “Emails” tab of the form settings pages to “Automatically resend email notification when entries are updated. Both the regular email and autoresponders can be resent every time an entry is updated.

Allow dynamic dates in the frm-graph shortcode. There have been a lot of requests to only show data in graphs for the past 30 days, 1 week, or any number of other ranges. This can now be done dynamically using times recognized by the PHP strtotime function. Example: [ frm-graph id=x x_axis="created_at" x_start="-1 month"]

Multiple day event support. An event can now show multiple times on the calendar. The same content will show for each day. This can be setup by first, adding either a date field (for the event end date) or number field (for the number of days the event should show) to your form. Then, in the custom display settings, you can select this field as the “End date or day count.” Included with this change is an added ‘frm_show_entry_dates’ hook, where you can insert or remove dates an event will show on.

Improved unique dates. When a date field is marked as unique, any previously selected dates will not be selectable in the date picker. Another small step towards better booking forms.

Only accept certain file types. Each file upload field includes the option to choose which file types should be allowed in that field.

Export only checked entries. Added export to XML and export to CSV to bulk action dropdowns.

To see the full list of enhancements and changes, check out the changelog

To upgrade, visit the plugins page in your WordPress admin or follow the manual install instructions.