Series

How-to Guide

Forms, File Upload Field

Part 8 of 18 in series Forms

A File Upload field allows visitors to link a file to the form. It places a Browse button and browse field on the page. Visitors click on the Browse button and choose a file. The file is linked to the form and uploads into a folder named “upload” to your hosting site in the same folder as your website.
  formsupload1 

Add a File Upload field
  • Click on Forms Tab>File Upload. This places a browse field on the page and opens the Object Properties dialog.
  • Choose options for the field in the Object Properties dialog. See an explanation of options below.
  • Click OK.
Choose options in the Form Object section for the file upload 

 formsupload2

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.

Choose options in the File Upload section for the File Upload 

 
formsupload2

File Upload Properties

Name. Fill in a name that identifies this specific File Upload field. This is different than the Label that displays on the form.
Width in characters. Use this to set the width of the Browse box on the page. You can also use the selection handles to resize the field after it is on the page.

Data Entry Validation

Required Field. Check this box if you want this 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.
Text Field Colors

Text. This is the color of the Text.
Background. This is the color of the text background.

Notes Section.

Use this section to enter notes about the text field.

VN:F [1.9.1_1087]
Rating: 0.0/5 (0 votes cast)

You must be logged in to post a comment.