Deprecation Warning! The content below is only applicable for use within deprecated 1.x versions of CA Agile Central's App SDK. Use of the component(s) and/or code on this page is not supported. To develop custom apps within our current environments, please see App SDK 2.1 documentation.

The Wait component provides a way to give feedback that a long running operation is occurring. It is useful to display while a data query is taking place.


Wait includes the following topics:

Create a Wait

First include the App SDK JavaScript:

<script type="text/javascript" src="/apps/[version]/sdk.js"></script>

Instantiate a new wait:

var wait = new rally.sdk.ui.basic.Wait(config);

The parameters for rally.sdk.ui.basic.Wait are as follows:

Parameter Description Example
config* A configuration object.
{ hideTarget: false, text: "Loading..." }

* = required parameter

The wait configuration object supports the following properties:

Parameter Description
hideTarget Whether the target display element is hidden (default = true)
text The hover text to show (default = "Loading...")

* = required parameter

Display a Wait

After you create the wait, use the display method to display the wait:

Parameter Description Example
domElement* The element in which to display the wait. This may be either an element or an element ID.

* = required parameter

Public Methods

Method Name Parameters Description Example
display See above - See above
hide - Remove the wait


Copy and paste the following into a CA Agile Central custom app page.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Copyright (c) 2002-2010 CA Agile Central Software Development Corp. All rights reserved. -->
   <title>Busy Wait Example</title>
   <meta name="Name" content="App Example: Wait Spinner" />
   <meta name="Version" content="2010.4" />
   <meta name="Vendor" content="CA Agile Central Software" />

   <script type="text/javascript" src="/apps/1.26/sdk.js"></script>
   <script type="text/javascript">

     var waiter;

     function hideSpinner() {

     function showSpinner() {
       waiter = new rally.sdk.ui.basic.Wait({hideTarget: false});

       setTimeout(hideSpinner, 3000);

     <div style="width:300px;height:300px;border: #000 1px dashed" id="div1"></div>


Benötigen Sie weitere Informationen? Die CA Agile Central-Community ist Ihre zentrale Anlaufstelle für Self-Service und Support. Treten Sie der CA Agile Central-Community bei, um dem CA Agile Central-Support Feedback mitzuteilen oder Fälle zu melden, Antworten zu finden oder mit anderen Benutzern zusammenzuarbeiten.