Form Block Multi-Column

Form Block Multi-Column

License

Version

• 0.3.0

SS Versions

• 7.1

• 7.0

Dependencies

• Form Block Wrapper Observe Changes

v7.1 Fluid Engine Compatible

• Yes

---

Install

• Install Form Block Wrapper Observe Changes. After you install the code be sure to continue on with the rest of the steps.

• Options

  • Page Specific

    Use this option when you want only one Page to have this effect.

    • Add code from file form block multi-column.html to Page Settings > Advanced > Page Header Code Injection for the Page before the Form Block Wrapper Observe Changes code. Refer to Per-page code injection for details.

  • Site-wide

    Use this option when you want multiple Pages to have this effect.

    • Add code from file form block multi-column.html to Website > Pages > Custom Code > Code Injection > FOOTER before the Form Block Wrapper Observe Changes code. Refer to Add code to code injection for details.

• Add or edit a form block.

• In the Form Block Wrapper Observe Changes code add twcFormBlockMultiColumn to added per the Form Block Wrapper Observe Changes code install steps.

• For the second field add a line field with a label of twc-fbm and a description of columns : n. Replace n with the number of columns you want for the form.

• For groups of fields that you want to have a column effect add a line field with a label of twc-fbm-begin before the first field of the column group. To end the column effect, after the last field of the column group add a line field with a title of twc-fbm-end.

Notes

This effect is not active in Squarespace Preview to test it use private browsing.

The grid styling is very basic. You will need to write your own CSS if you want to change it.

Demo

You can see a demo of this effect here.

Make a Donation

Please consider making a donation.

Changes

• 2025-04-03

  • update to work with followup questions
  • update to work with Form Block Wrapper Observe Changes v0.4.0
  • remove dependency on jQuery
  • bumped version to 0.3.0

• 2024-04-27

  • update to work with Form Block Wrapper Observe Changes v0.3.0
  • bumped version to 0.2.1

• 2023-07-14

  • convert to callback for use with form block wrapper observe changes after SS form internationalization update
  • bumped version to 0.2.0

• 2022-06-11

  • initial version