University at Buffalo - The State University of New York
Skip to Content
UB Web Management

Transforming UB’s digital communications through process and tools

File Upload Component

Display a button on your form that allows your page’s visitors to select and upload files.

The UBCMS is not an appropriate place for ANY regulated private data, such as bank credit/debit card numbers, government-issued ID numbers, health information or computer passwords.

We discourage building forms in shared content -- this practice may interfere with normal functionality, such as validation.

The component after being dropped into a form.

The component after being dropped into a form.

Using This Component

Add the component to the page between the Start of Form and End of Form sections of the Form Container component. It has three tabs: Title and Text, Constraints and Styling.

Title and Text Tab

Element Name: Specify the name to be associated with this field when the data is stored or emailed. Required.

  • It may contain only numbers, letters and selected special characters (the underscore, period, backslash, colon and hyphen).
  • Not visible to the public.

Title: This is the descriptive label your visitor will see on the page.

The component opened for editing showing the Title and Text tab settings.

The component opened for editing showing the Title and Text tab settings.

Javascript can also be input (click 'Javascript' for an additional dialog box).

Additional Show-Hide rule settings.

Additional Show-Hide rule settings.

Constraints Tab

This tab controls whether completion of this field is required and what constraints are being enforced (for example, must be a phone number). May also be used to customize form error messages.

Required: Completion of this field is mandatory before submission of the form is permitted.

Required Message: Insert a custom message to be displayed if the submitter neglects to complete this if it is a required field.

The component opened for editing showing the Constraints tab settings.

The component opened for editing showing the Constraints tab settings.

Styling Tab

Width: Specify how wide the field should display on the page in pixels.

CSS: Here you can provide additional CSS code to control how this field looks or functions. Developers only!

The component opened for editing showing the Styling tab settings.

The component opened for editing showing the Styling tab settings.

Restrictions

  1. This component must be placed between the Start of Form and End of Form sections of the Form Container component.
  2. We discourage building forms in shared content -- this practice may interfere with normal functionality, such as validation.

Was this page helpful?

(Required)
(Required)
(so we can thank you or request more details)
(Required)
(buffalo.edu addresses only please)

On this page:

See an Example:

A live example:

 

Related Components:

Last Reviewed:

October 26, 2016