Adding a Status Indicator to a Launch Item

In this topic, you will learn how to add a status indicator to a launch item in Design view, in Source view, and in code. This topic assumes that you have created an AJAX-enabled ASP.NET project that contains a ScriptManager control (see Creating an AJAX-Enabled ASP.NET Project) and a C1LaunchPad control.

In Design View

Complete the following steps:

1.   Right-click the C1LaunchPad control to open its context menu and select Properties from the list.

C1LaunchPad1's properties are displayed in the Properties window.

2.   Locate the Pages property and click its ellipsis button .

The C1LaunchPage Collection Editor opens.

3.   In the Members pane, select the page that holds your item to reveal its list of properties and then click the Items property ellipsis button .

The C1LaunchPadItem Collection Editor opens.

4.   Select the item to reveal its list of properties and then set the StatusText property to "100".

5.   Click OK to close the C1LaunchPadItem Collection Editor.

6.   Click OK to close the C1LaunchPage Collection Editor.

7.   Save the project and open it in a Studio for iPhone-compatible browser.

In Source View

Complete the following steps:

1.   Click the Source tab to enter Source view.

2.   Add StatusText="100" to the <cc1:C1LaunchPadItem> so that the markup resembles the following:

<cc1:C1LaunchPadItem ID="C1LaunchPadItem1" runat="server" StatusText="100" Text="New Item" ImageUrl="Images/mail_57x57.png" />

3.   Save the project and open it in a Studio for iPhone-compatible browser.

In Code

Complete the following steps:

1.   Import the following namespace into your project:

•      Visual Basic

•      C#

2.   Set the StatusText property by placing the following code in the Page_Load event:

•      Visual Basic

•      C#

3.   Save the project and open it in a Studio for iPhone-compatible browser.

 This Topic Illustrates the Following:

The following image shows a C1LaunchPadItem with its status indicator set to 100: