Community Documentation

Arranging Webform fields using drag-and-drop (Arrange Fields module)

Last updated August 13, 2010. Created by mugunth on July 26, 2010.
Edited by richardp. Log in to edit this page.

Once you have created a webform, you can "design" the form by re arranging the fields in the form using Arrange Fields module.

This module lets you to drag-and-drop the fields into place.

Before Installation

This module requires the following modules to be installed:
* CCK or Webform
* jQuery UI
jQuery UI module requires jQuery UI plugin to be downloaded from http://code.google.com/p/jquery-ui/downloads/list?q=1.6.

See the Arrange Fields full handbook page for more detailed help installing jQuery UI.

Important Note:
Currently this module only supports the use of JQuery UI 1.6.

Installation

* download latest tarball from http://drupal.org/project/arrange_fields
* untar in your sites /sites/modules/ directory
* go to admin/build/modules
* Check "Arrange Fields"
* Save

Usage

After the module is installed, try editing any webform created. You will be able to find a new tab by name "Arrange Fields". On clicking the arrange fields tab, you will be able to see drag and drop canvas for the webform.

After arranging the fields in the canvas as required,you can save the layout of the webform.

About this page

Drupal version
Drupal 6.x
Audience
Site administrators

Site Building Guide

Drupal’s online documentation is © 2000-2013 by the individual contributors and can be used in accordance with the Creative Commons License, Attribution-ShareAlike 2.0. PHP code is distributed under the GNU General Public License. Comments on documentation pages are used to improve content and then deleted.
nobody click here