このドキュメントの情報は、Microsoft Internet Information Services（IIS）に対してのみ適用されます。
テーマは、Natural アプリケーションの出力スタイルを定義するために使用されます。 一部のテーマは、インストールパッケージにすでに含まれています。
テーマは ASP.NET 2.0 の標準機能です。 テーマは App_Themes フォルダに含まれている必要があります。 テーマごとに、App_Themes フォルダにサブフォルダが含まれています。 例えば、"3270Thema" という名前のテーマは、フォルダ 3270Theme に入っています。
テーマ用に提供される各サブフォルダには、次のファイルが含まれている必要があります。
SkinFile.skin（以下を参照）
StyleSheet.css（以下を参照）
このドキュメントでは、次のトピックについて説明します。
スキンファイル（SkinFile.skin）には、Natural 要素（フィールドなど）のエントリが次の形式で含まれています。
<asp:Label SkinId="Red" runat="server" forecolor="red"/> <asp:Label SkinId="Green" runat="server" forecolor="green"/> <asp:Label SkinId="Blue" runat="server" forecolor="blue" /> ...
次の表に、Web I/O インターフェイスで Natural 画面をマップするために必要なスキンファイルの最小設定を示します。 この表には、次の列があります。
Natural 属性
Natural で設定できる属性。
出力フィールド
テキスト用の Natural 出力フィールド。
入力フィールド
データを入力できる Natural フィールド。
読み取り専用入力フィールド
Natural 画面にウィンドウが表示される場合、メイン画面の入力フィールドは読み取り専用に設定されます。 一番手前のウィンドウの後ろにあるウィンドウの入力フィールドも、読み取り専用として表示されます。
| Natural 属性 | 出力フィールド | 入力フィールド | 読み取り専用入力フィールド |
|---|---|---|---|
| Red | <asp:Label runat="server" SkinId="Red"/> |
<asp:TextBox runat="server" SkinId="Red"/> |
<asp:TextBox runat="server" SkinId="RedReadonly"/> |
| Green | <asp:Label runat="server" SkinId="Green"/> |
<asp:TextBox runat="server" SkinId="Green"/> |
<asp:TextBox runat="server" SkinId="GreenReadonly"/> |
| Blue | <asp:Label runat="server" SkinId="Blue"/> |
<asp:TextBox runat="server" SkinId="Blue"/> |
<asp:TextBox runat="server" SkinId="BlueReadonly"/> |
| Pink | <asp:Label runat="server" SkinId="Pink"/> |
<asp:TextBox runat="server" SkinId="Pink"/> |
<asp:TextBox runat="server" SkinId="PinkReadonly"/> |
| Yellow | <asp:Label runat="server" SkinId="Yellow"/> |
<asp:TextBox runat="server" SkinId="Yellow"/> |
<asp:TextBox runat="server" SkinId="YellowReadonly"/> |
| Turquoise | <asp:Label runat="server" SkinId="Turquoise"/> |
<asp:TextBox runat="server" SkinId="Turquoise"/> |
<asp:TextBox runat="server" SkinId="TurquoiseReadonly"/> |
| White | <asp:Label runat="server" SkinId="White"/> |
<asp:TextBox runat="server" SkinId="White"/> |
<asp:TextBox runat="server" SkinId="WhiteReadonly"/> |
| Black | <asp:Label runat="server" SkinId="Black"/> |
<asp:TextBox runat="server" SkinId="Black"/> |
<asp:TextBox runat="server" SkinId="BlackReadonly"/> |
| Intensified | <asp:Label runat="server" SkinId="Intensified"/> |
<asp:TextBox runat="server" SkinId="Intensified"/> |
<asp:TextBox runat="server" SkinId="IntensifiedReadonly"/> |
| No attribute | <asp:Label runat="server" SkinId="Normal"/> |
<asp:TextBox runat="server" SkinId="Normal"/> |
<asp:TextBox runat="server" SkinId="NormalReadonly"/> |
上記の表のセルに示される情報は、ASP.NET Web サーバーコントロールの設定を示しています。 ASP.NET により、多くの Web サーバーコントロールが定義されます。 属性 runat="server" は、Web コントロールがサーバーサイトで解釈されることを示します。
デフォルトのスキンファイルでは、次のコントロールが使用されます。
| コントロール | 説明 |
|---|---|
asp:Label |
テキスト出力フィールド |
asp:TextBox |
テキスト入力フィールド |
asp:Table |
フィールド要素が PF キーボタンであるテーブル |
asp:Button |
PF キーボタン |
asp:Image |
イメージリンク |
asp:Panel |
他の Web コントロールのコンテナ |
上記の色の定義以外に、SkinId は次の定義にも使用されます。
| Natural 要素 | 説明 | ASP.NET Skin ファイル |
|---|---|---|
| メッセージ行 | Natural 画面内の情報テキスト行。 | <asp:Label runat="server" SkinId="messageline"/> |
| 子ウィンドウ | Natural アプリケーションの子ウィンドウ。 | <asp:Panel runat="server" SkinId="WindowPanel"/> |
| 子ウィンドウのタイトル | Natural 子ウィンドウのタイトル。 | <asp:TextBox runat="server" SkinId="WindowTitle"/> |
| 子ウィンドウのシャドー | 子ウィンドウはシャドーとともに表示されます。 | <asp:Panel runat="server" SkinId="WinShadow"/> |
| PF キーテーブル | PF キーボタンの行はテーブルで定義されます。 | <asp:Table runat="server" SkinId="PFKeys"/> |
| PF キーボタン | PF キーの定義。 | <asp:Button runat="server" SkinId="Pfkey"/> |
| 先頭画像 | ページの一番上に表示される画像。 | <asp:Image runat="server" SkinId="headpic"/> |
スタイルシート（StyleSheet.css）では、CSS 標準に基づいてスタイルを定義できます。 http://www.w3.org/Style/CSS/ を参照してください。
次の例は、Web ページの背景色とフォントを定義するスタイルシートを示しています。
body
{
background-color: transparent;
font-family: Courier New, Monospace;
}
注意:
CSS ファイルでフォントサイズを定義しても、画面サイズには影響を与えません。 フォントサイズを変更すると、それよりも小さいテキストのみが表示されます。