ComponentOne MultiPage for ASP.NET AJAX: MultiPage for ASP.NET AJAX Task-Based Help > Setting C1MultiPage Behaviors > Changing C1MultiPage's Selected Index

Changing C1MultiPage's Selected Index

The SelectedIndex property of a C1MultiPage can be used to determine which page will be viewed when your project is run. The following topic shows you how to manipulate this property in Design view, in Source view, and in code.

Note: If you change the SelectedIndex property on a C1MultiPage and have it bound to a C1TabStrip, you will also have to manipulate C1TabStrip's SelectedIndex property in order to get the page to load with the proper tab.

Changing the Selected Index in Design View

To change the SelectedIndex, use the following steps:

1.   Click C1MultiPage's smart tag () to open the C1MultiPage Tasks menu and select MultiPage Designer.

2.   Use the Add Child Item button  to add three pages to your C1MultiPage.

3.   Select C1TabStrip from the treeview to reveal its list of properties.

4.   Locate the SelectedIndex property and set its value to "1".  




Observe that the default value of the SelectedIndex property is 0. If you had kept this setting, your C1MultiPage would have loaded with the first page in view.

5.   Press OK and run the project. 

Changing the Selected Index in Source View

Add SelectedIndex="1" to the <cc1:C1MultiPage> tag.  The resulting HTML should resemble the following:


<cc1:C1MultiPage ID="C1MultiPage1" runat="server" Height="29px"

                MultiPageID="C1MultiPage1" OverlapOrder="Ascending" VisualStyle="Office2007Blue"

                VisualStylePath="~/C1WebControls/VisualStyles" Width="563px" SelectedIndex="1">

Changing the Selected Index in Code

To change the selected index in code, use the following steps:

1.   Import the following namespaces into your project:

      Visual Basic

Imports C1.Web.UI.Controls.C1MultiPage


using C1.Web.UI.Controls.C1MultiPage;

2.   Add the following code to the Page_Load event:

      Visual Basic

C1MultiPage.SelectedIndex = 1


C1MultiPage.SelectedIndex = 1;

3.   Run the program.

Send comments about this topic to ComponentOne.
Copyright 1987-2010 ComponentOne LLC. All rights reserved.