Skip to main content
Agency Program Get 2× more leads and save 50% on hosting. Built for agencies ready to grow. Book a call
Smart Grid-Layout Design for Contact Form 7 icon

Smart Grid-Layout Design for Contact Form 7

v4.15.8
by Aurovrata Venet · 4.5 (72 reviews)

This plugins allow pure CSS responsive grid layouts for contact form 7. It enables rich interlinking of your CMS data via taxonomy/posts populated dr …

10K+ active installs Updated Jun 13, 2024 Tested to 6.5.5 Requires PHP 5.6
Try Demo Download
Pre-installed Ready in ~10s No card

About Smart Grid-Layout Design for Contact Form 7

The Smart Grid-Layout Design for CF7 plugin allows you to build beautiful form layouts using the smart-grid CSS plugin. It also includes a graphical editor and a colored HTML syntax editor for easy form design. The plugin introduces multiple smart input functionalities such as tabled input sections, tabbed sections, collapsible sections, and more. It also has tutorial sections and is compatible with other CF7 plugins.

Screenshots

Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot
Smart Grid-Layout Design for Contact Form 7 screenshot

Frequently asked questions

What does the plugin do?
The plugin uses the smart-grid CSS plugin to build beautiful form layouts. It introduces a graphical editor to design forms and a coloured html syntax editor.
What are some of the smart input functionalities introduced by the plugin?
Some of the smart input functionalities introduced by the plugin include tabled input sections, tabbed sections, collapsible sections, toggled collapsible sections, grouped toggled sections, reusable sub-forms, form categories, and dynamic dropdown fields.
Does the plugin work with Post My CF7 Form plugin?
Yes, the plugin works well with Post My CF7 Form plugin and allows you to map all your forms to custom posts.
How can I collaborate on this plugin?
If you are a WordPress developer or an HTML/JavaScript wizard, you can collaborate on this plugin by joining the GitHub repository.
What other CF7 plugin extensions are available?
Some other CF7 plugin extensions available include CF7 Polylang Module, CF7 Multi-slide Module, Post My CF7 Form, and CF7 Google Map.

Changelog

4.15.8

  • fix prefill input field selection.

4.15.7

  • fix field tag textarea dimension scanning.

4.15.6

  • bug fix on submission.

4.15.5

  • fix for custom HTML rich response messages.
  • deprecated filter ‘cf7sg_submission_success_message’
  • new filter ‘cf7sg_submission_response’

4.15.4

  • fix dynamic field validation.

4.15.3

  • update mininfied public css.

4.15.2

  • fix codemirror init loop.

4.15.1

  • fix prefill filter.
  • fix shortcode regex for form detection in pages.

4.15.0

  • add filter cf7sg_preview_prefill to override preview prefill.
  • improve prefill mechanism to include tabs and tables.
  • fix open toggles with pre-filled fields.

4.14.1

  • add upgrade warning for major updates.

4.14.0

  • Important update rewrite validation for CF7 v5.6 SWV validation – this impacts field validation, test your form validation!
  • fix wpcf7-response-output console error.
  • enable for attr to labels.
  • cleanup admin form UI style.

4.13.0

  • fix textarea admn js.
  • add ‘cf7sg_slider_auto_scroll’ to disable auto scroll on slides.
  • fix ‘cf7sg_dynamic_list_post_query’ filter for post query lists.
  • fix submit_disabled in public js.
  • replace wp_localize_script for block-themes.

4.12.13

  • fix dynamic list field filters for taxonomy source.

4.12.12

  • change jquery ui cdn lib from cloudflare to ajax.googleapis.com.

4.12.11

  • fix new taxonomy creation for dynamic fields.

4.12.10

  • fix admin update query on form versions.

4.12.9

  • fix class validation typo.

4.12.8

  • validation of submission object for Conditional Fields PRO plugin.

4.12.7

  • improve RTL slider form control buttons.

4.12.6

  • fix multiple select on dynamic dropdown fields.
  • fix pipes and raw fields.

4.12.5

  • improve trashing bookkeeping.
  • clean up custom css/js files on form delete.
  • fix filter values from deprecated hooks.
  • fix admin php filter helper hooks in grid fields.
  • fix default label option filter on dynamic list fields.

4.12.4

  • re-introduce default selected options in dynamic list tags.
  • adjust invalid tip position.

4.12.3

  • fix free_text cb/radio fields

4.12.2

  • fix hybrid selector in public js.

4.12.1

  • update minfied js script.
  • fix slider controls.

4.12.0

  • enable custom options on select2 and HybridDropdown.
  • update HybridDropdown library.
  • fix taxonomy validation for nexted dynamic lists.

4.11.9

  • security update on admin save form, replace file_exists with realpath.

4.11.8

  • security update on admin save form.

4.11.7

  • fix broken template for new forms.
  • fix conditional [group] within cells.
  • fix/enable custom classes to table cell div.field element.

4.11.6

  • fix condition in admin notices.

4.11.5

  • filter cf7 5.5 kses to ensure cf7sg html markup.
  • flag cf7 form errors in admin table.
  • allow for cf7 plugin bulk revalidation.

4.11.4

  • check for valid WPCF7_MailTag object in mail tag table filter.

4.11.3

  • enable script registration for forms that are not embeded in post contents.

4.11.2

  • udpate CF7SG_VERSION_FORM_UPDATE to 4.11

4.11.1

  • fix slider controls bug.

4.11.0

  • cleanup code.
  • scroll up on slide change for multi-slider forms.
  • added data-attributes to customise dynamic lists.
  • added filter ‘cf7sg_dynamic_list_options_attributes’.
  • deprecated filter ‘cf7sg_dynamic_dropdown_option_attributes’.
  • added ‘cf7sg_use_local_select2’ filter to bypass cloudflare.
  • css adjust not valid tip.
  • fix js/css file duplication when copying forms.
  • remove version check for forms not created in grid UI.
  • fix rtl toggle style.
  • enable rtl slider forms with glider.js lib update.
  • enable custom slider control row.
  • enable slider labelled dots.
  • added dynamic checkbox field with nested lists.
  • force dynamic tag select2 to open above (see select2 issue )
  • re-introduce HTML messages in CF7 submissions.
  • added ‘cf7sg_submission_success_message’ filter.
  • added ‘cf7sg_redirect_on_success’ filter for dynamic redirection on success.

4.10.0

  • abstraction of dynamic lists to open the possibility for other tag fields.
  • fix file required PHP fatal error.

4.9.2

  • fix admin js to ensure form field updates reflect.
  • added ‘cf7sg_save_post’ action for plugins to save form attributes.

4.9.1

  • admin css style fix.
  • pass button element in sgAddRow event.

4.9.0

  • fix css/js codemirror empty line.
  • change in file schema, CF7 5.4 file validation handling not longer exposes additional file validation/transport.
  • files now stored in submission data array.
  • added action ‘cf7sg_valid_form_submission’ fired once submission is validated.

4.8.2

  • fix for new file validation in CF7 5.4.
  • ajax submission spinner styling update.

4.8.1

  • enabled other attributes for input elements in html text.
  • fix HTML/UI form sync.
  • add ‘cf7sg_preserve_cf7_data_schema’ filter for plugin owners to preserve CF7 data schema.

4.8.0

  • fix missing search.png image for minified css.
  • added custom attribute data-max-row-msg on tables.

4.7.8

  • fix ie11 js fn.

4.7.7

  • enable custom classes on collapsible title element.
  • remove for..of loops for ie11
  • fixed ‘cf7sg_dynamic_dropdown_default_value’ filter for default value label in dynamic seelect fields.

4.7.6

  • improve cf7sg js object validation.

4.7.5

  • fix cf7sg js object validation for non-grid forms.
  • do not flag non-grid forms if not requiring grid js resources.

4.7.4

  • fix redirect for non-grid forms.

4.7.3

  • fix hidden textarea cf7 editor.

4.7.2

  • fix helper code for mailtag filter.

4.7.1

  • fix bug preventing toggled sections within accordions.
  • fix accordion activation/flagging when contains invalid fields.
  • added dots button to slides.

4.7.0

  • enable tab select for panels with invalid inputs.
  • flag tabs with invalid fields.
  • flag slides with invalid fields.
  • flag collapsible sections with invalid fields.
  • fix default dropdown cf7 tag value.
  • upgrade glider.js to fix slider submit button bug.

4.6.2

  • fix prefill for hidden fields.
  • deprecated cf7sg_mailtag_grid_fields hook, replaced with existing cf7sg_mailtag_{$field_name} for tabbed/tabled fields.

4.6.1

  • fix redirect bug.

4.6.0

  • fix tabs row controls.
  • cleanup row removal in js script.
  • added js functions cf7sgRemoveTab cf7sgCountTabs
  • clean up tab removal in js script.
  • added new tutorial.
  • upgraded CodeMirror to v5.58.3.
  • improved handling of multi-form on page.
  • fix textarea tag default value bug.
  • added page redirect option.
  • deprecated hooks cf7_smart_grid_form_id / smart_grid_register_custom_script.
  • added action hook cf7sg_enqueue_custom_script-$form_key.

4.5.0

  • fix row cloning label removal bug.
  • added js fn cf7sgCountRows, cf7sgRemoveRow.
  • added new tutorial.

4.4.4

  • fix codemirror tag match.
  • improve corrupt form code retrieval when js error prevents editor loading.

4.4.3

  • fix for conditional groups.
  • fix for conditional plugin admin submit.

4.4.2

  • fix preview translated forms.

4.4.1

  • fix js min.

4.4.0

  • added action ‘cf7sg_enqueue_admin_editor_styles’
  • added action ‘cf7sg_enqueue_admin_table_styles’
  • added action ‘cf7sg_enqueue_admin_table_scripts’
  • added filter ‘cf7sg_include_hidden_form_fields’.
  • added filter ‘cf7sg_prefill_form_fields’.
  • differentiate preview forms on submission.
  • fix rtl full-screen/custom editors buttons.
  • improve full-screen.
  • enabled pre-fill of form fields.
  • add auto re-fill for preview/demo forms.
  • enable toggle fields within sliders/accordions.
  • added filter ‘cf7sg_max_form_width’ to change max width of form.
  • added filter ‘cf7sg_responsive_width’ to change responsive width cut-off limit.
  • updated translations PO files.
  • added tr_TR, de_DE, he_IL locales .po files to languages.

4.3.2

  • fix js slider bug.

4.3.1

  • rotate rows/columns for rtl forms to fix mobile screen collapse order.
  • added tutorial for modular forms.

4.3.0

  • added filter ‘cf7sg_new_cf7_form_template_arguments’ to enable new form template arguments, cf7-polylang can set locale.
  • fixed toggle in accordion row field disabled bug.
  • enable preview link for forms with cf7sg_page custom post type.

4.2.1

  • fix notice dismissal bug.

4.2.0

  • fix regex look back for Safari browser.
  • replaced slider js plugin with Glider-js.
  • added new video tutorial for slider forms.

4.1.4

  • fix static reference.

4.1.3

  • better control of cf7 form requests.
  • js regex look behind fix.

4.1.2

  • fix grid-loading script bug.
  • fix tab navigation in UI editor.

4.1.1

  • improve loading of resources for non-grid forms.

4.1.0

  • added admin notices for plugin upgrade validation.
  • fix singular fields with array values mail bug.

4.0.1

  • tables in tabs data consolidation bug fix.
  • custom css/js dir creation fix.
  • css/js editor window sroll lock fix.

4.0.0

  • custom js/css editors.
  • added ‘cf7sg_dynamic_dropdown_taxonomy_query’ filter.
  • slider forms.
  • multi-step forms.
  • added ‘cf7sg_remove_table_row_labels’ filter to remove labels in table rows.
  • added ‘cf7sg_admin_form_editor_jstags_other_items’ for plugin developer.
  • added ‘cf7sg_admin_form_editor_jstags_last_item’ for plugin developers.
  • enabled javascript helper codes on js editor.
  • added js functionality to further customise tables and tab structures.
  • fixed table id attributes in tabbed sections.
  • improved grouped toggles.
  • tutorial admin page with embedded YouTube videos.
  • new pointers.
  • added a general form mailtag.
  • added html table construct for table/tabbed fields in mailtags.
  • added mailtag for toggles and grouped toggles.

Try other plugins

Yoast SEO icon

Yoast SEO

4.8 · 10M+ installs

Improve your WordPress SEO: Write better content and have a fully optimized WordPress site using the Yoast SEO…