TreeView for ASP.NET WebForms
組み込みテーマの使用
タスク別ヘルプ > テーマの利用 > 組み込みテーマの使用

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

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

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

  1. C1TreeView スマートタグ  をクリックして、[C1TreeView タスク]メニューを開きます。
  2. テーマ]ドロップダウン矢印をクリックして、リストからテーマを選択します。この例では、rocket を選択します。


    rocket テーマが C1TreeView コントロールに適用されます。

ソースでのテーマの変更

ソースで C1TreeView のテーマを変更するには、。<cc1:C1TreeView>   内に Theme="rocket" を追加します。ソースが下記のようになります。

ソースビュー
コードのコピー
<cc1:C1TreeView ID="C1TreeView1" 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
    コードのコピー
    C1TreeView1.Theme = "rocket"

    C# コードの書き方

    C#
    コードのコピー
    C1TreeView1.Theme = "rocket";
  3. プログラムを実行します。

このトピックの作業結果

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