ComponentOne Tabs for ASP.NET WebForms
Quick Start / Step 3 of 3: Adding Content to the C1Tabs Control
In This Topic
    Step 3 of 3: Adding Content to the C1Tabs Control
    In This Topic

    In this step you will add content to the C1Tabs control. Adding content to the control is as simple as clicking in the control's body and typing text or adding controls from the Toolbox.

    Complete the following to add standard controls and text content to pages in the C1Tabs control:

    1. Click in the content area of the C1Tabs control and type "This is tab page 1."
      The text content is added to the first page of the C1Tabs control.
    2. Switch to Source view to observe the structure of the C1Tabs control, and add the following <asp:Calendar> tag within the <cc1:C1TabsStep> tag for the second step so it appears as follows:

      To write code in Source View

      <cc1:C1TabsStep> tag for the second step  so it appears as follows:
      <cc1:C1TabPage Text="Tab2" ID="Tab2" runat="server">
      <asp:Calendar ID="Calendar1" runat="server"></asp:Calendar>
      </cc1:C1TabPage>

      This adds a Calendar control to the second page of the C1Tabs control.

    3. Press F5 to run the application and observe that the C1Tabs control appears with its first tab page in focus:

      C1Tabs

    4. Click Tab2 and observe that its second tab page comes into focus:

      C1Tabs

    See Also