previous topic    next topic

Working with form layouts

SiteXpress includes a gallery of form layouts, each with a different combination of labelled form elements. To add a form to a page, you insert a form layout and then edit the form elements to suit your needs. Form control types include:

textbox   A text input field. Properties include the pixel width of the input box and the maximum number of characters allowed.

text area   A memo-style text input field (i.e. to accommodate a paragraph or more of text). Properties include the number of columns and rows, which define the size of the text area field.

radio buttons   Two or more, single-select options (i.e. the person submitting the form can only select one more option) entered as a comma-delimited list of items.

checkboxes   Two or more multiple-select options entered as a comma-delimited list of items.

dropdown box   Two or more single-select options appearing in a dropdown menu, entered as a comma-delimited list of items.

In addition to the control-specific properties listed above, all form controls also have a name property and a mandatory flag. The name property uniquely identifies the data posted by each control. The mandatory flag is checked to require the user to enter data for the control (or make a selection) when the form is submitted.

To add a form layout:

  1. Click Add-ons > Add Form.
  2. Click the Add Item icon where you want to insert the form.
  3. Select a form layout from the gallery. Click Done.

Note: To change the form layout, click Add-ons > Change Form, click the Edit Item icon for the form, and choose a new layout from the gallery. To delete a form layout, click Page > Delete Layout and then click the Delete Item icon next to the form you wish to delete.

To add, edit, copy, paste or delete a form control:

Form controls are handled just as other content items are, in other words, you use the Page tab mode controls (i.e. Add Item, Edit Item, Copy/Paste or Delete Item) to work with form controls.