デフォルトでは、C1ProgressBar コントロールのラベルはコントロールの中央に配置されます。このトピックでは、デザインビュー、ソースビュー、およびコードでラベルの配置を変更する方法を学びます。

デザインビューでのラベルの配置

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

1. 〈デザイン〉ボタンをクリックして、デザインビューに入ります。
2. C1ProgressBar コントロールを右クリックしてそのコンテキストメニューを開き、［プロパティ］を選択します。
   プロパティウィンドウが開いて、C1ProgressBar コントロールのプロパティがフォーカス状態になります。
3. LabelAlign プロパティを指定し、そのドロップダウン矢印をクリックして、リストから East を選択します。
4. ［F5］を押してプロジェクトを実行し、ラベルがコントロールの右側に表示されることを確認します。

ソースビューでのラベルの配置

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

1. 〈ソース〉ボタンをクリックしてソースビューに入ります。
2. LabelAlign =“East” を <cc1:C1ProgressBar> タグに追加して、マークアップを次のように記述します。

   ソースビュー	コードのコピー
   <cc1:C1ProgressBar ID="C1ProgressBar1" runat="server" LabelAlign="East" />

3. ［F5］を押してプロジェクトを実行し、ラベルがコントロールの右側に表示されることを確認します。

コードでのラベルの配置

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

1. Visual Studio ツールバーで、［表示］→［コード］をクリックしてコードビューに入ります。
2. 以下の名前空間をプロジェクトにインポートします。

   Visual Basic コードの書き方

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

   C# コードの書き方

   C#	コードのコピー
   using C1.Web.Wijmo.Controls.C1ProgressBar;

3. 以下のコードを Page_Load イベントに追加してラベルを配置します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   C1ProgressBar1.LabelAlign = LabelAlign.East

   C# コードの書き方

   C#	コードのコピー
   C1ProgressBar1.LabelAlign = LabelAlign.East;

4. ［F5］を押してプロジェクトを実行し、ラベルがコントロールの右側に表示されることを確認します。

このトピックの作業結果

このトピックでは、C1ProgressBar コントロールのラベルを右側に配置しました。このトピックの結果は、次のようになります。