C1Tabs コントロールのデフォルトの向きは水平であり、コントロールの上部に配置されますが、その配置はAlignment プロパティを設定することによって、容易に下部、左、または右に変更できます。以下の手順では、デザインビュー、ソースビュー、およびコードを使用してタブストリップの配置を変更する方法を説明します。詳細については、「タブストリップの配置」を参照してください。

デザインビューの場合

プロパティウィンドウで、C1Tabs コントロールが選択されていることを確認し、Alignment プロパティのドロップダウン矢印をクリックして、リストから Top、Right、Bottom、または Left を選択します。この例では、Left に設定します。

ソースビューの場合

ソースビューで、Alignment="Left" を<cc1:C1Tabs> タグに追加します。その結果、XHTML は次のようになります。

<cc1:C1Tabs ID="C1Tabs1" runat="server" Alignment="Left" >

コードの場合

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

1. 以下の名前空間をプロジェクトにインポートします。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Imports C1.Web.Wijmo.Controls.C1Tabs

   C# コードの書き方

   Title Text	コードのコピー
   using C1.Web.Wijmo.Controls.C1Tabs;

2. 次のコードを Page_Load イベントに追加します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   C1Tabs1.Alignment = Alignment.Left

   C# コードの書き方

   Title Text	コードのコピー
   C1Tabs1.Alignment = Alignment.Left;

3. プログラムを実行します。

このトピックの作業結果

次の図は、左向きのタブストリップを持つ C1Tabs コントロールを示しています。