C1ProgressBar コントロールには、ほんの数クリックで適用できる６種類の組み込みテーマが用意されています。このトピックでは、デザインビュー、ソースビュー、およびコードでテーマを変更する方法を説明します。テーマについての詳細は、「テーマ」を参照してください。

デザインビューでのテーマの変更

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

1. C1ProgressBar のスマートタグ（）をクリックして、［C1ProgressBar タスク］メニューを開きます。
2. ［テーマ］ドロップダウン矢印をクリックして、リストからテーマを選択します。この例では、rocket を選択します。rocket テーマが C1ProgressBar コントロールに適用されます。

<cc1:C1ProgressBar ID="C1ProgressBar1" runat="server" Theme="rocket"/>

ソースビューでのテーマの変更

ソースビューで C1ProgressBar のテーマを変更するには、Theme="rocket" を <cc1:C1ProgressBar> タグに追加します。その結果、次のようになります。

<cc1:C1ProgressBar ID="C1ProgressBar1" runat="server" Theme="rocket"/>

コードでのテーマの変更

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

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

   Visual Basic コードの書き方

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

   C# コードの書き方

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

2. Theme プロパティを設定する次のコードを、Page_Load イベントに追加します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   C1ProgressBar1.Theme = "rocket"

   C# コードの書き方

   C#	コードのコピー
   C1ProgressBar1.Theme = "rocket";

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

このトピックの作業結果

次の図は、rocket テーマが設定されたC1ProgressBar コントロールを示しています。