Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

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>