方法 : ASP.NET のテーマを適用する

  • [アーティクル]

更新 : 2007 年 11 月

テーマは、特定のページまたは Web サイト、またはグローバルに適用できます。Web サイト レベルでテーマを設定すると、個々のページのテーマをオーバーライドする場合を除いて、スタイルとスキンはサイトのすべてのページとコントロールに適用されます。ページ レベルでテーマを設定すると、スタイルとスキンはページおよびそのすべてのコントロールに適用されます。

既定では、テーマは各コントロールの設定をオーバーライドします。個々のコントロールに明示的に指定されている設定を除いてテーマを適用する場合は、テーマをスタイル シート テーマとして設定することもできます。

テーマを Web サイトに適用するには

  1. アプリケーションの Web.config ファイルで、次の例のように、<pages> 要素をグローバル テーマまたはページ テーマの名前に設定します。

    <configuration>
    <system.web>
        <pages theme="ThemeName" />
    </system.web>
</configuration>
    0yy5hxdk.alert_note(ja-jp,VS.90).gifメモ :

    アプリケーション テーマとグローバル アプリケーション テーマの名前が同じ場合は、ページ テーマが優先されます。

  2. テーマをスタイル シート テーマとして設定し、ローカル コントロールの設定に従属させる場合は、代わりに styleSheetTheme 属性を設定します。

    <configuration>
    <system.web>
        <pages styleSheetTheme="Themename" />
    </system.web>
</configuration>

Web.config ファイルのテーマの設定は、アプリケーションのすべての ASP.NET Web ページに適用されます。Web.config ファイルのテーマの設定は、通常の構成階層の規則に従います。たとえば、テーマをページのサブセットだけに適用する場合は、適用するページを専用の Web.config ファイルと共にフォルダに格納するか、またはルートの Web.config ファイルに <location> 要素を作成してフォルダを指定します。詳細については、「特定のファイルとサブディレクトリの構成」を参照してください。

テーマを個々のページに適用するには

  • 次の例に示すように、@ Page ディレクティブの Theme 属性または StyleSheetTheme 属性を使用するテーマの名前に設定します。

    <%@ Page Theme="ThemeName" %>
<%@ Page StyleSheetTheme="ThemeName" %>

    これで、テーマおよび対応するスタイルとスキンは、それを宣言するページだけに適用されます。

コントロールへのスキンの適用

テーマで定義するスキンは、テーマが適用されているアプリケーションまたはページのすべてのコントロールのインスタンスに適用されます。個々のコントロールの特定のプロパティ セットに適用する必要がある場合もあります。そのためには、名前指定スキン (SkinID プロパティが設定されている .skin ファイルのエントリ) を作成し、ID を使用して個々のコントロールに適用します。

名前指定スキンをコントロールに適用するには

  • 次の例に示すように、コントロールの SkinID プロパティを設定します。

    <asp:Calendar runat="server" ID="DatePicker" SkinID="SmallCalendar" />

    ページ テーマに SkinID プロパティに一致するコントロール スキンがない場合は、そのコントロール型の既定のスキンが使用されます。

参照

処理手順

方法 : ASP.NET のテーマを無効にする

方法 : ASP.NET テーマをプログラムによって適用する

概念

ASP.NET のテーマとスキンの概要

その他の技術情報

方法 : ASP.NET のテーマを定義する