この手順では、デザイナとマークアップコードの両方を使用して、C1Splitter にコンテンツを追加します。コントロールは、Visual Studio ツールボックスからパネルに簡単にドロップできます。また、ソースビューに切り替えてマークアップコードに要素を追加することによっても同じ結果が得られます。

以下の手順を実行します。

1. 「ソース」タブをクリックしてソースビューに入り、<Panel2> タグの間に次のマークアップを入力します。

   ソースビュー	コードのコピー
   <ContentTemplate>   <asp:RadioButton ID="RadioButton1" runat="server" Text="オプション 1" /> \n   <asp:RadioButton ID="RadioButton2" runat="server" Text="オプション 2" /> \n   <asp:RadioButton ID="RadioButton3" runat="server" Text="オプション 3" /> \n   <asp:RadioButton ID="RadioButton4" runat="server" Text="オプション 4" /> </ContentTemplate>

2. 「デザイン」タブをクリックしてデザインビューに戻り、４つのラジオボタンが Panel2 に追加されていることを確認します。結果は次の図のようになります。

   

3. Panel2 に オプション 4 の後にカーソルを置いて、Enter を押します。
4. Visual Studio のツールボックスに移動して、TextBox アイコンをダブルクリックしてパネルに TextBox コントロールを追加します。結果は次の図のようになります。

   

次の手順では、プログラムを実行し、C1Splitter コントロールの動作上の特長のいくつかを確認します。