In this step, you will add content to the C1Splitter using both the Designer and markup. You can easily drop controls from the Visual Studio Toolbox into the panels, or you can achieve the same result by switching to Source view and adding the elements in markup code.

Complete the following steps:

1. Click the Source tab to enter Source view and enter the following markup between the <Panel2> tags:

   <ContentTemplate>
     <asp:RadioButton ID="RadioButton1" runat="server" Text="Option 1" />
     <br />
     <asp:RadioButton ID="RadioButton2" runat="server" Text="Option 2" />
     <br />
     <asp:RadioButton ID="RadioButton3" runat="server" Text="Option 3" />
     <br />
     <asp:RadioButton ID="RadioButton4" runat="server" Text="Option 4" />
   </ContentTemplate>
   

2. Click the Design tab to return to Design view and observe that four radio buttons have been added to Panel2. The result resembles the following image:

    

3. In Panel2, place your cursor after Option 4 and then press ENTER.
4. Navigate to the Visual Studio Toolbox and double-click the TextBox icon to add a TextBox control to the panel. The result will resemble the following:

   

In the next step, you'll run the program and walk through some of the behavioral features of the C1Splitter control.