Skip to content

Home

Jump to bottom
Aurovrata V edited this page May 24, 2017 · 7 revisions

CF7 Smart Grid Documentation

The CF7 Smart Grid is a WordPress plugin extension to the Contact Form 7 plugin which allows you to build complex forms. The CF7 form editor page is now replaced by the WP core post.php page for custom posts. It offers a UI grid building tool as well as a CodeMirror html editor with colour highlighted markup for both html as well as CF7 tags. You can add new rows with the '+' button in the row controls, delete with the 'bin' button which only appears on the 2nd row onwards. You can re-order rows with the 'crosshair' button and you can edit the row with the 'pencil' button. Similarly you can add columns with the '+' button on the column controls, delete with the 'bin' button (only available on the 2nd column onwards), rearrange columns within a row using the 'crosshairs' button, and edit a column using the 'pencil' button. This plugin also introduces CF7 Form Type taxonomy to organise your forms. cf7 smart grid It brings the following functionality to Contact Form 7 plugin,

  1. Grid layout with rows and columns: organise your CF7 forms into table layouts
  2. Accordion/foldable form sections: organise complex CF7 forms into collapsible sections.
  3. Tabbed groups of input fields: enable tabbed groups of fields within your form.
  4. Table input structures: enable table inputs with a set of fields grouped in rows.
  5. CF7 form re-usability: create sub-forms and reuse them in other forms to increase productivity and maintainability.
  6. Dynamic select dropdown fields: a new tag to create dynamic lists from a taxonomy, existing posts, or custom list using a hook.
Clone this wiki locally