Upgrading Progress to 1.3
API
Strings Move to New strings
Option
Two options, ariaBusyText
and ariaDoneText
, have been moved into a new strings
option.
If you used... |
You'll now use... |
---|---|
var opts = { ariaBusyText: "Almost there: %percentComplete percent done...", ariaDoneText: "Yay! You're finished!" }; |
var opts = { strings: { ariaBusyText: "Almost there: %percentComplete percent done...", ariaDoneText: "Yay! You're finished!" } }; |
On this Page
New Events Replace Animation Callbacks
The callback
properties of showAnimation
and hideAnimation
are deprecated, replaced by new events which you can define listeners for, onProgressBegin
and afterProgressHidden
.
If you used... |
You'll now use... |
---|---|
var opts = { showAnimation: { duration: "slow", callback: showDontClickWarning }, hideAnimation: { duration: "slow", callback: showActionCompleteFeedback } }; |
var opts = { showAnimation: { duration: "slow" }, hideAnimation: { duration: "slow" } listeners: { onProgressBegin: showDontClickWarning, afterProgressHidden: showActionCompleteFeedback } }; |
New Options
Three new options have been added to Progress:
textEditButtonRenderer
renderKeyboardTooltip
urls
For details on how to use these new options, see the Progress API page.
Dependencies
The only change in dependencies for Progress is the addition of a jQuery plugin, jquery.bgiframe.js
.
Old Dependencies |
---|
<script type="text/javascript" src="lib/jquery/core/js/jquery.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/ui.core.js"></script> <script type="text/javascript" src="framework/core/js/Fluid.js"></script> <script type="text/javascript" src="components/progress/js/Progress.js"></script> |
New Dependencies |
<script type="text/javascript" src="lib/jquery/core/js/jquery.js"></script> <script type="text/javascript" src="lib/jquery/ui/js/ui.core.js"></script> <script type="text/javascript" src="lib/jquery/plugins/bgiframe/js/jquery.bgiframe.js"></script> <script type="text/javascript" src="framework/core/js/Fluid.js"></script> <script type="text/javascript" src="components/progress/js/Progress.js"></script> |