Splitter for ASP.NET Web Forms
テーマの変更
タスク別ヘルプ > 外観の変更 > テーマの変更

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

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

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

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


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

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

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

ソースビュー
コードのコピー
<cc1:C1Splitter ID="C1Splitter1" runat="server" Theme="rocket">

コードでのテーマの変更

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

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

    Visual Basicコードの書き方

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

    C#コードの書き方

    C#
    コードのコピー
    using C1.Web.Wijmo.Controls;
    
  2. Page_Load イベントに Theme プロパティを設定する次のコードを追加します 。

    Visual Basicコードの書き方

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

    C#コードの書き方

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

このトピックの作業結果

次の図は、テーマ rocket を適用したC1Splitter コントロールを示しています。

関連トピック