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() |
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
Other Changes:
New strings:
string option |
default |
numberOfErrors
|
", %errorsN %errorLabel" |
singleError
|
"error" |
pluralErrors
|
"errors" |