Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 7 Next »

Component Name

Purpose: Allows a user to upload multiple files to a web form with a single process.

Category: Forms / File Upload

Related jiras: UXI-89 - Data cannot be retrieved due to an unexpected error

Process Phase: Drafting

Version: 1.0

 

 

Table of Contents


 

The license could not be verified: License Certificate has expired!

States

Document all states this component can have. All components will have at least one state, the default state. Repeat the state specification for each additional state. Examples might include: 'Active State', 'Disabled State', etc. Note additional states can refer to the default state to eliminate duplication.

statedescriptionmockup
DefaultWhen this component is initialized, a button bar is displayed to allow user to add files.
Pre-upload

After the user selects files to upload, a list of those files is displayed. In this state, the user is able to:

  • cancel uploads individually from the list ('cancel' button) 
  • cancel all uploads from the list ('cancel all' button) 
  • upload files individually ('start' button) 
  • upload files all files at once ('upload all' button)
Post-upload

 After files are uploaded, a list of uploaded files is displayed. The user will have the following options:

  • download files individually (by clicking on the linked file name) 
  • delete files individually ('delete' button) 
  • select multiple files for batch delete (checkbox control) 
  • batch delete files ('select all' checkbox)

Default State

Markup

CSS

The jQuery File Upload Plugin is built to leverage the Bootstrap css framework. Additional css styling needs are not needed.

Script

The following libraries and scripts are required:

  • jQuery v. 1.6+ 

  • jQuery UI widget factory v. 1.9+ (included with plugin) 

  • jQuery Iframe Transport plugin (included with plugin)

  • Bootstrap CSS v.3.0+

Options 

List any options (properties) this component has.   This would go in developer documentation.

NameOptional?Default Value (if any)Validations (if any)Additional Notes
     

 

Option Sets

List any additional option sets that should be provided for this component. These are configurations of the default values that will be available (component configurations, or beans).

NameValue
  

Keyboard Shortcuts

Keyboard shortcut requirements are undetermined at this time.

Variances

There are no known requirements for variances (i.e. mobile layouts, responsive design) at this time.

  • No labels