Child pages
  • Tutorial - Uploader 1.0 Migration

This space is an archive space for documentation related to old versions of Fluid Infusion (i.e. versions before 1.3). For documentation related to the latest Infusion, see Infusion Documentation.

Skip to end of metadata
Go to start of metadata

This page will walk you through the process of upgrading your existing 0.8 Uploader implementation to the new 1.0 version. This tutorial assumes that

  • you are already familiar with HTML, Javascript and CSS
  • you are familiar with what Reorderer is and does
  • you have an existing implementation of Reorderer that worked with the 0.8 Infusion release.
  • you are using the default classes

Location Changes

With the directory restructuring comes the need to update your paths to our files.
[fluid:Files with new names have been marked in bold.]

If you use...

The new path is...

../../css/fluid.reset.css

../../../framework/fss/css/fss-reset.css

../../css/fluid.layout.css

../../../framework/fss/css/fss-layout.css

../../css/fluid.components.uploader.css

../css/Uploader.css

../../js/jquery/jquery-1.3.2.js

../../../lib/jquery/core/js/jquery.js

../../js/jquery/ui.core.js

../../../lib/jquery/ui/js/ui.core.js

../../js/jquery/jquery.keyboard-a11y.js

../../../framework/core/js/jquery.keyboard-a11y.js

../../js/swfupload/swfobject.js

../../../lib/swfobject/js/swfobject.js

../../js/swfupload/swfupload.js

../../../lib/swfupload/js/swfupload.js

../../js/fluid/Fluid.js

../../../framework/core/js/Fluid.js

../../js/fluid/ProgressiveEnhancement.js

../../../framework/core/js/ProgressiveEnhancement.js

../../js/fluid/uploader/FileQueue.js

../js/FileQueue.js

../../js/fluid/uploader/DemoUploadManager.js

../js/DemoUploadManager.js

../../js/fluid/uploader/SWFUploadManager.js

../js/SWFUploadManager.js

../../js/fluid/uploader/Scroller.js

../js/Scroller.js

../../js/fluid/uploader/Progress.js

../../progress/js/Progress.js

../../js/fluid/uploader/Uploader.js

../js/Uploader.js

API Name Changes

Some functions have been renamed

If you used...

You'll now use...

uploader.repairFromUpload()

uploader.refreshAfterUpload()

On this Page
Unable to render {include} The included page could not be found.

Class Name Changes

For consistency, all classes used as selectors have been given an "flc-" prefix, and ones used for styling have an "fl-" prefix.

Selection

Uploader

New

Old

.fl-uploader-queue

.flc-uploader-queue

.fl-uploader-browse

.flc-uploader-button-browse

.fl-uploader-upload

.flc-uploader-button-upload

.fl-uploader-resume

no longer used

.fl-uploader-pause

.flc-uploader-button-pause

.fl-scroller-table-foot

no longer used

.total-file-progress

.flc-uploader-total-progress-text

.fl-uploader-browse-instructions

.flc-uploader-browse-instructions

.fl-scroller-table-foot

.flc-uploader-scroller-footer

.total-progress

.flc-uploader-total-progress

SWFUploadManager

New

Old

.fl-browse-button-overlay

.fl-uploader-browse-overlay

FileQueueView

New

Old

.row

.flc-uploader-file

.fileName

.flc-uploader-file-name

.fileSize

.flc-uploader-file-size

.iconBtn

.flc-uploader-file-action

#queue-row-tmplt

.flc-uploader-file-tmplt

#row-progressor-tmplt

.flc-uploader-file-progressor-tmplt

Scroller

New

Old

.fl-scroller

.flc-scroller

New selectors:

selector key

default

errorText

.flc-uploader-file-error

errorInfoRowTemplate

.flc-uploader-file-error-tmplt

Styles used programmatically

New

Old

disabled

fl-uploader-disabled

hidden

fl-uploader-hidden

dim

fl-uploader-dim

ready

fl-uploader-file-state-ready

uploading

fl-uploader-file-state-uploading

hover

fl-uploader-file-hover

selected

fl-uploader-file-focus

uploaded

fl-uploader-file-state-uploaded

error

fl-uploader-file-state-error

removeFile

fl-uploader-file-action-remove

Other styles used in Uploader.html

New

Old

.default

.fl-uploader-button-default

.cancel

.fl-uploader-button-cancel

.fl-browse-button-overlay

.fl-uploader-browse-overlay

.fl-scroller-table-head

.fl-uploader-queue-header

.fl-scroller-table-foot

.fl-uploader-queue-footer

.fl-scroller-table-foot td.footer-button

.fl-uploader-footer-buttons

.fileName

.fl-uploader-file-name

.fileSize

.fl-uploader-file-size

.iconBtn

.fl-uploader-file-action

.removeFile

.fl-uploader-file-action-remove

.actions

.fl-uploader-file-actions

.text-description

.fl-uploader-button-text-hidden

.fluid-templates

.fl-uploader-hidden-templates

.file-progress

.fl-uploader-file-progress

.file-progress-text

.fl-uploader-file-progress-text

.total-progress

.fl-uploader-total-progress-okay

''

.fl-uploader-total-progress-errored

Moved from FSS

Added

Other Changes:

New strings:

string option

default

numberOfErrors

", %errorsN %errorLabel"

singleError

"error"

pluralErrors

"errors"

  • No labels