Adding Tabs to C1TabBarController

In this topic, you will add three tabs to the C1TabBarController control in Source view. 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).

Complete the following steps:

1.   In the Toolbox, double-click C1ViewPort to add the control to your page.

2.   Add a C1TabBarController to C1ViewPort's toolbar. (See Adding C1TabBarController to C1ViewPort's Toolbar.)

3.   Click the Source tab to enter to Source view.

4.   Place the following markup between the <cc1:C1TabBarController> and </cc1:C1TabBarController> tags:

    <TabBarItems>

        <cc2:C1TabBarItem runat="server" ID="C1TabBarItem1" Text="Tab1" />

        <cc2:C1TabBarItem runat="server" ID="C1TabBarItem2" Text="Tab2" />

        <cc2:C1TabBarItem runat="server" ID="C1TabBarItem3" Text="Tab3" />

    </TabBarItems>

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

 This Topic Illustrates the Following:

The image below depicts a C1TabBarController with three tabs.