You are here

Home » API reference » Webform Layout 7

README.txt in Webform Layout 7

Same filename and directory in other branches
  1. 6 README.txt
  2. 7.2 README.txt
Description
-----------
This module adds a new type of Webform component: the layout box. By placing webform fields inside layout boxes, you can arrange them into rows and columns.

How to use
----------
- Go to the main field list of a webform.
- Add a layout box to your form.
- For alignment, choose "Horizontal" or "Equal Width" to divide the space equally.
- Save the component.
- Add or drag other fields into the container.
- To create columns, add any number of vertically-aligned layout boxes inside a horizontally-aligned one.
- Be careful, some components are too wide by default (e.g. textfield). So, you may need to adjust them in order to fit side-by-side.
- If you need a title and/or description for your group you can add markup to the form, or insert the layout container into a fieldset.
- Note: The "Equal Width" feature works up to 9 children.

File

README.txt
View source 
  1. Description

  2. -----------

  3. This module adds a new type of Webform component: the layout box. By placing webform fields inside layout boxes, you can arrange them into rows and columns.

  4. 

  5. How to use

  6. ----------

  7. - Go to the main field list of a webform.

  8. - Add a layout box to your form.

  9. - For alignment, choose "Horizontal" or "Equal Width" to divide the space equally.

  10. - Save the component.

  11. - Add or drag other fields into the container.

  12. - To create columns, add any number of vertically-aligned layout boxes inside a horizontally-aligned one.

  13. - Be careful, some components are too wide by default (e.g. textfield). So, you may need to adjust them in order to fit side-by-side.

  14. - If you need a title and/or description for your group you can add markup to the form, or insert the layout container into a fieldset.

  15. - Note: The "Equal Width" feature works up to 9 children.