Forms, Menu and List Fields

• Forms, Text Field
• Forms Gallery
• Forms, Text Box
• Forms, Design Basics
• Form Fields
• Forms, Password Field
• Steps for Using Forms
• Forms, Adding Checkboxes
• Forms, Buttons
• Forms, File Upload Field
• Forms, Menu and List Fields
• About Form Checkboxes and Radio Buttons
• Forms, Hidden Fields
• Forms, Assigning the Tab Order
• Grouping the Form
• Checking a Form
• Form Tips
• Forms, Adding Radio Buttons

Menus allow users to select one item from a drop down menu. Lists allow users to select one or more items while holding the Ctrl key. These Commands have an Enter Select List Data dialog where the choices are listed. Within the dialog you can add, order, edit and delete the choices in the list.
  

Add a Menu or List

• Click on Forms Tab>Lists and Menus Group>Menu or List Command. This adds a field to the page and opens the Enter Select List Data dialog.
• Click on the Add button to add a choice to the list.

• Fill in the List & Menu Item Properties 

Item Choice and Value 

Choice. Key in the choice that will be displayed on the list or menu. 
Value. This is information that is sent in the email that defines the field. For instance, this field could be Blue if the Choice is Color.  

Initial Selection State.

Choose Selected or Note Selected for the item you are adding. Remember that only one item on the list can be selected as an initial state. 

• Click OK. This closes the Properties dialog and adds the choice to this list. 
• Click the Add button and fill in the Properties for each choice. 
• Click OK when done. 

Edit Menus and Lists 

• Double click over the field to open the Enter Select List Data. 
• Click to highlight an item in the list.  
• Click Edit, Delete, Up or Down. 
• Click OK when done. 

 Choose options for the Menu and List fields 

• Right click over the menu or list field and select Properties from the Selected Object Menu.  This opens the Object Properties dialog. 
• Choose the options in the Form Object section. 
• Click on the Menu/List section to choose additional options. 
• Click on the Notes section to add notes about the field. 

Form Object Section

Object Info 

ID Number. Web Studio assigns an object ID number to the field. 
Tab Order. This displays the tab order assigned to the field. See Assigning the Tab Order 

Position 

Position. The field position from the left and top margins is measured in pixels. 
Disable. This disables or grays out this form element. This could be used when there are check boxes that are not relevant unless another checkbox is checked. Use Javascript to enable this.  

Label Properties for Form Control 

Label. This field comes with a Browse button. However, if you also want to label the field, enter the text here.  
Position. Choose to position the label on the left of the field, the right of the field or have no label at all. The default choice is No Label. 
Background Color. This is the background color of the field label. 
Font. Choose a font style. 
Text Color. Choose a text style. 

Custom Script (Advanced).  

Script Editor. Use this for any scripting that is necessary to customize the form’s look or behavior. 
 

Menu List Section

Select Box Properties 

Name. Fill in a name that identifies this specific menu or list.  
Add/Edit Items. Click this to open the Enter Select List Data dialog. 

Select Box Style 

Style. Indicate if this field is a menu or a list. When you choose List, the List Options are activated. 
List Options. Enter the number of selections you want visible on the form. Check Allow Multiple Selections to activate this option. 

Data Entry Validation 

Required Field. Check this box if you want the menu or list to be a required field. 
Error Message. This is a message that is displayed if the validation shows that the field needs correction. Use the default message or choose one of your own. 

Menu/List Colors 

Text. This is the color of the text when the user fills in the form.  
Background. This is the color of the field where the user enters the text.