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:
textEditButtonRendererrenderKeyboardTooltipurls
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> |
, multiple selections available,