VSys One: Volunteer Management Software

Editing an Application Form Layout

To edit an application form layout, you need to pretend you are working with a graphics or publishing program - you will be adding things, moving things around, highlighting and grouping them.

In the example below, the field "First name" is selected. You can tell you are working with it by the little square handles in the corner.
To move a field to another location: click within the field and drag it to another position on the screen.
To delete a field, click on it and press the Delete key on the keyboard.
To move or delete multiple fields at once, click on the first field normally. While holding down the Shift key on your keyboard, click on the remaining fields one by one. After releasing the Shift key, you can drag them to a new position, or hit the Delete key on the keyboard to delete them in bulk.

Custom application form layout screen

In the left margin a little panel tells you more information about the field. Some of the most useful things to know are:

color	This is the color of the field.
font	Clicking the (+) gives you extra information about the font. For this field, First name, the font is `Tahoma` and `8` point. You can change any of these characteristics by clicking on the choice and selecting another from the menu.
Style	Style allows you to add bold, italic, and underlined formatting. Change `False` to `True` to add the formatting style and vice-versa.
Height	Height, in pixels, of the field or label.
Left	Horizontal location on the page.
Top	Vertical position on the page.
Width	How wide the field is, in pixels. Notice that the Family/last name field is wider than the First name field. To change the width of the field: position your cursor over one of the handles on either end of the field until you see a line with an arrow at each end. Then click and drag it to the right or left to lengthen or shorten the field.

When you are done, click the Save button at the top to commit your changes.