The order you created the form components will be the order they are displayed. These settings affect how your data is analyzed when you are viewing results while logged in. Analysisįor some items you may see an Analysis section. The display options for the textfield component type. Prefixes such as $ and suffixes such as kg for numbersįigure 4.Label location (either inline or above the field).This section contains options for how your field is displayed visually. The validation fields for the textfield component type. In addition to including if this field is mandatory or not, this also includes items such as:įigure 3. The validation section contains options that affect how the field's data will be captured. They are not present for all field types. These sections contain additonal options based on your selected component type. You may notice the collapsed sections titled " Validation" and " Display". This is also a good place to make note of any specific maximum length the field may have. Use this to clarify ambiguities or provide more detail for a specific field's expected data. For example, if you are capturing an e-mail address want to suggest a user enter their UofT e-mail address, you could prepopulate this field with Description This is the help text that appears below your field. Fill in this field if you want to pre-populate the field with some data. Default value The default value for this field. As long as this identifier is unique you can safely have multiple fields with the same name (For example, if you had a form with a primary and secondary contact name in a fieldset). This name must be unique within the context of the form and it can only contain lowercase letters (a-z), numbers (0-9) and underscores ( _ ). Field Key The system's identifier for this field. They are: Label The field name to be displayed to the user. The fields in this section will be there for all components regardless of type. View full-sized image.įigure 2 depicts the edit screen for a textfield component. An example of the edit screen for a webform textfield component called "Example". Confirm component settings by clicking Save component.Įditing Components Figure 2.Click the Add button to take you to the component settings screen.Specify whether the field is mandatory by checking the Mandatory box or optional by leaving it unchecked.See Webform Field Descriptions for descriptions of all available field types and also Accessible Webforms for more information on improving the accessibility of you webforms. Choosing the appropriate field type will not only give you better results, but will also improve the accessibility of the form. This will appear next to or above the form field. The first 4 steps in creating a new webform component. Once you've saved your instruction portion it's time to add the fields.įor each field, you must do the following: Figure 1. This can either be in 12 or 24-hour format but cannot be limited to a range. Textfield # Captures a single line of plain text that is less than 255 characters in length. This text can be several paragraphs in length. Textarea # Captures multiple lines of plain text. Select options # Used for dropdowns, radio buttons and checkbox lists. This is useful for breaking up very long forms. Page break # This allows you to put a page break in the middle of your form. You can define a maximum and minimum value as well. This may be a decimal number, a whole number. Number # This allows you to collect a generic number. This allows you to insert a text statement or declaration into your form. Markup # This field allows you to insert basic HTML markup. Hidden # A value that is submitted with the form but is not visible to the user. For example, a group of questions like "on a scale of 1 - 10 rate the following". Grid # This is used for sections that have multiple questions with the same possible responses. This is useful when you have a longer form and want to divide it into sections. Fieldset # Used to group a set of fields. E-Mail # Used for capturing e-mail addresses. Date # Used for capturing a generic date within a set range. This page outlines the fields available when creating a webform.