プライマリ・コンテンツに移動

Oracle® Application Expressアプリケーション・ビルダー・ユーザーズ・ガイド リリース5.1 E83810-03 |
| 目次 | 索引

前 | 次 |

# 11.1 テーマの使用

テーマとテーマ・スタイルを使用して、アプリケーションの作成時に生産性を向上させることができます。テーマは、アプリケーションのレイアウトとスタイルを定義するテンプレートのコレクションです。テーマにテーマ・スタイルが含まれる場合、開発者はテーマ・ローラー・ユーティリティを使用してアプリケーションの外観を変更できます。

トピック:

- テーマについて
- レスポンシブ・デザインについて
- グリッドベース・テーマについて
- テーマ・スタイルの使用
- テンプレート・オプションの理解
- テーマ・ページへのアクセス
- テーマの編集

関連項目:

テーマおよびサブスクリプションの管理およびテーマおよびサブスクリプションの管理

## 11.1.1 テーマについて

テーマは、アプリケーション全体のレイアウトおよびスタイルを定義できるテンプレートのコレクションです。テーマにはテンプレートの完全なセットが用意され、アプリケーションに必要となる可能性があるすべてのUIパターンが提供されます。テンプレートはまず、テンプレート・タイプ別に分類され、次にテンプレート・クラス別に分類されます。テンプレート・タイプには、ページ、リージョン、レポート、リスト、ボタン、ラベルおよびポップアップ値リスト(LOV)があります。

各テンプレート・タイプには、多くのテンプレート・クラスがあります。テンプレート・クラスによって、テンプレート・タイプ内でのテンプレートの用途が定義されます。たとえば、リージョン・テンプレートは、フォーム・リージョン・テンプレート、レポート・リージョン・テンプレートなどとして分類できます。このような分類によって、Oracle Application Expressではテーマ間でのテンプレートのマッピングが可能になり、アプリケーション全体のルック・アンド・フィールを簡単に変更できます。

Oracle Application Expressには、広範なテーマ・リポジトリが同梱されています。管理者は、次のようにテーマをテーマ・リポジトリに追加できます。

- ワークスペース・テーマ - ワークスペース管理者は、ワークスペース内のすべての開発者が使用できるテーマを作成できます。ワークスペース・テーマの管理を参照してください。

- パブリック・テーマ - インスタンス管理者は、Oracle Application Express管理サービスに追加することでパブリック・テーマを作成できます。追加すると、これらのパブリック・テーマはインスタンス内のすべてのワークスペースですべての開発者が使用できます。詳細は、『Oracle Application Express管理ガイド』のパブリック・テーマの管理に関する説明を参照してください。

ユニバーサル・テーマ - 42やモバイル - 51などの新しいテーマには、テーマ・スタイルが含まれています。テーマ・スタイルは、ベースCSSに追加されるCSSスタイルシートです。開発者は、テーマ・ローラー・ユーティリティを使用してテーマ・スタイルを変更することによって、アプリケーションの外観を変更できます。

関連項目:

テーマ・スタイルの使用

## 11.1.2 レスポンシブ・デザインについて

レスポンシブ・デザインにより、ページを表示するデバイス(たとえば、デスクトップ・コンピュータ、ラップトップ・コンピュータ、タブレットまたはスマートフォン)にかかわらず、レイアウトを使用可能スペースに適合させるようなWebページを設計できます。レスポンシブ・デザインを実装することによって、ユーザーは大きい画面では完全な操作性を取得できます。スマートフォンやタブレットでも、レイアウトは特定のデバイスのサイズに調整されます。このサイズ変更のプロセス中に、要素の位置やサイズが変わったり、非表示になったりします。レスポンシブ・デザインの目的は、可能なすべての画面サイズで、すべての重要なコンテンツをユーザー・フレンドリな方法で表示することです。ユニバーサル・テーマ - 42は、レスポンシブ・ユーザー・インタフェース・テーマの例です。

レスポンシブ・デザインは単なる1セットのテンプレートの選択の問題ではありません。アプリケーション開発者として、テーマのテンプレートの使用に責任を負い、本当にレスポンシブ・デザインを促進するページを設計します。既存のアプリケーションをユニバーサル・テーマに変換するには、すべてのアプリケーション・ページを確認して、適切なテンプレートおよびレイアウトが確実に定義されていることが必要です。

Oracle Application Expressでは、任意の画面サイズに拡大/縮小可能なアプリケーションを構築できるレスポンシブ・ユーザー・インタフェース・テーマが提供されます。ユニバーサル・テーマ - 42は、レスポンシブ・デスクトップ・テーマです。開発者は、このテーマを使用して、様々な画面サイズで正しく機能するアプリケーションを構築できます。

モバイル・テーマ - 51を使用すると、スマートフォンやタブレットなどのモバイル・デバイスでの使用に最適化されたアプリケーションを構築できます。モバイル・テーマを使用して構築されたページは、デスクトップ・ページよりも小さく軽量であり、タッチ・イベントおよび方向の変更がサポートされます。

ヒント:

ユニバーサル・テーマ - 42を使用してアプリケーションを表示するには、パッケージ・アプリケーションの使用を参照してください。

## 11.1.3 グリッドベース・テーマについて

Oracle Application Expressアプリケーションでは、リージョンおよびアイテムのページ上の位置は、グリッド設定を使用して定義されます。テーマ26 - 生産性アプリケーションなどの古いテーマでは、表ベースのグリッドが使用されます。表ベースのテーマでは、複数のリージョンを隣り合せに配置でき、フォームの単一行に複数のアイテムを含めることができます。ユニバーサル・テーマ - 42などの新しいテーマでは、DIVベースのグリッドが使用されます。DIVベースのグリッドを使用するページには、次のような利点があります。

- より簡単に維持および更新できます。DIVベースのページはコードが少ないため、複雑さが減少します。

- より速くロードされます。DIVベースのグリッドを使用するページは、一般的に、より速くロードされます。

表ベースのテーマからDIVベースのテーマに切り替える場合、テーマの切替えウィザードで「グリッドのリセット」オプション、「固定リージョン位置のリセット」を構成する必要があります。「固定リージョン位置のリセット」を選択すると、既存の設定は削除され、すべてのリージョンおよびアイテムが垂直に積み上げられて表示されます。

関連項目:

テーマの切替え

## 11.1.4 テーマ・スタイルの使用

ユニバーサル・テーマ - 42やモバイル - 51などの新しいテーマには、テーマ・スタイルが含まれています。テーマ・スタイルは、ベースCSSに追加されるCSSです。開発者は、テーマ・ローラー・ユーティリティを使用してアプリケーションの外観を変更できます。

トピック:

- テーマ・スタイルについて
- テーマ・スタイルの作成
- テーマ・ページからのテーマ・スタイルの編集
- ユーザー・インタフェース・ページからのテーマ・スタイルの編集
- ユーザーによるテーマ・スタイルの選択の可能化
- テーマ・ローラーの使用

### 11.1.4.1 テーマ・スタイルについて

テーマ・スタイルでは、アプリケーションのルック・アンド・フィールを変更するためにベースCSSに追加される、CSSスタイルシートを定義します。ユニバーサル・テーマ - 42やモバイル - 51などの新しいテーマには、ベースCSSファイルに加えてテーマ・スタイルCSSファイルを含めることができます。テーマ・スタイルCSSファイルは、ページ・テンプレート内で`#THEME_STYLE_CSS#`置換文字列を使用して参照されます。Application Expressエンジンによって、この置換文字列は、テーマ・スタイル属性で定義されているCSSファイル参照と置き換えられます。テーマ・スタイルを使用して、テーマをカスタマイズしたり、別のカラー・スキームに切り替えたり、フラットな外観を適用したり、テーマをレスポンシブにします。1つのテーマに複数のテーマ・スタイルを設定し、その1つのスタイルをアクティブに設定できます。テーマ・スタイルCSSファイルは、テーマ・ローラーを使用して変更できます。

定義後、開発者は次の方法でテーマ・スタイルを選択できます。

- アプリケーションの作成ウィザードの実行時に、「テーマ・スタイル」属性を編集します。アプリケーションの作成ウィザードの使用を参照してください。

- ユーザー・インタフェースの編集。ユーザー・インタフェース・ページからのテーマ・スタイルの編集を参照してください。

- テーマの作成/編集ページへのアクセス。テーマの編集およびテーマ・スタイルの作成を参照してください。

### 11.1.4.2 テーマ・スタイルの作成

テーマ・スタイルを作成するには、次のステップを実行します。

1. テーマ・ページにナビゲートします。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. 「共有コンポーネント」をクリックします。
   4. 「ユーザー・インタフェース」で、「テーマ」を選択します。
2. テーマを選択し、「スタイル」タブをクリックします。
3. 「スタイルの追加」をクリックします。

   テーマ・スタイル・ページが表示されます。

4. 「設定」について:
   1. 名前 - テーマ・スタイルに説明的な短い名前を指定します。
   2. カレント - このスタイルが、テーマで使用されている現在のスタイルかどうかを選択します。
   3. パブリック - このスタイルが、エンド・ユーザーによって選択可能かどうかを選択します。
   4. ファイルURL - このスタイルが、テーマで使用されている現在のスタイルかどうかを選択します。

   属性の詳細は、フィールドレベル・ヘルプを参照してください。

5. 「テーマ・ローラー属性」について:
   1. 読取り専用 - テーマ・スタイルが更新されないようにする場合は、「はい」を選択します。テーマ・スタイルをテーマ・ローラーを使用して編集および上書きできるようにする場合は、「いいえ」を選択します。
   2. 入力パラメータ・ファイルURL - テーマ・ローラーの使用時に、このテーマ・スタイルを生成するために使用されるLESSファイルのURLを入力します。
   3. 出力CSSファイルURL - このテーマ・スタイルについてテーマ・ローラーによって生成されるCSSファイルのURLを入力します。
   4. テーマ・ローラーJSON構成、JSON構成 - テーマ・スタイルが保存されると、テーマ・ローラーによってJSON構成が生成されます。

      構成を手動で更新することはお薦めしません。ただし、別のアプリケーションのテーマ・スタイルなど、別のテーマ・スタイルからJSON構成をコピーして手動で更新できます。

6. 「作成」をクリックします。

### 11.1.4.3 テーマ・ページからのテーマ・スタイルの編集

テーマ・スタイルを編集するには、次のステップを実行します。

1. テーマ・ページにナビゲートします。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. 「共有コンポーネント」をクリックします。
   4. 「ユーザー・インタフェース」で、「テーマ」を選択します。
2. テーマ名をクリックします。
3. テーマを選択し、「スタイル」タブをクリックします。
4. テーマ・スタイルを選択します。

   テーマ・スタイル・ページが表示されます。

5. 現在のテーマ・スタイルを変更するには、該当する属性を編集し、「変更の適用」をクリックします。

   属性の詳細は、フィールドレベル・ヘルプを参照してください。

6. 現在のテーマ・スタイルを削除するには、「削除」をクリックします。
7. 「作成」をクリックします。

### 11.1.4.4 ユーザー・インタフェース・ページからのテーマ・スタイルの編集

ユーザー・インタフェース・ページからテーマ・スタイルを編集するには、次のステップを実行します。

1. ユーザー・インタフェース・ページにナビゲートします。
   1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
   2. アプリケーションを選択します。
   3. 「共有コンポーネント」をクリックします。
   4. 「ユーザー・インタフェース」で「ユーザー・インタフェース属性」をクリックします。

      ユーザー・インタフェース・ページが表示されます。

2. ユーザー・インタフェース(デスクトップなど)を見つけて、テーマ・スタイル名をクリックします。

   テーマ・スタイル・ページが表示されます。

3. 現在のテーマ・スタイルを変更するには、該当する属性を編集し、「変更の適用」をクリックします。

   属性の詳細は、フィールドレベル・ヘルプを参照してください。

4. 現在のテーマ・スタイルを削除するには、「削除」をクリックします。
5. 「作成」をクリックします。

### 11.1.4.5 ユーザーによるテーマ・スタイルの選択の可能化

開発者は、実行中のアプリケーションでユーザーがテーマ・スタイルを選択できるようにすることができます。このことを可能にすると、実行中のアプリケーションで、「カスタマイズ」リンクが、通常は左下隅に表示されます。ユーザーが「カスタマイズ」リンクをクリックすると、ポップアップが表示され、使用可能なテーマ・スタイルがリストされます。ユーザーがテーマ・スタイルを選択すると、テーマ・スタイルがユーザー・プリファレンスとして永続的に格納され、将来のセッション中に保持されます。

ユーザーがテーマ・スタイルを選択できるようにするには、次のステップを実行します。

1. 2つ以上のテーマ・スタイルを含むアプリケーションを作成します。
2. アプリケーションのユーザー・インタフェース・ページに移動します。
   1. 「共有コンポーネント」をクリックします。
   2. 「ユーザー・インタフェース」で「ユーザー・インタフェース属性」をクリックします。

      ユーザー・インタフェース属性ページが表示されます。定義されているユーザー・インタフェースが、ページの上部に表示されます。

3. ユーザー・インタフェースの詳細を編集します。
   1. 該当するユーザー・インタフェース(デスクトップなど)の横にある「編集」アイコンをクリックします。
   2. 「属性」の下で、「テーマ・スタイルを選択できるようにエンド・ユーザーを有効化」を「はい」に設定します。
   3. 「変更の適用」をクリックします。
4. 各テーマ・スタイルを編集して、「パブリック」属性を「はい」に設定します。
   1. ユーザー・インタフェース・ページで、テーマ・スタイル名(履歴など)をクリックします。
   2. 「設定」の下で、「パブリック」を「はい」に設定します。
   3. 「変更の適用」をクリックします。

      ユーザー・インタフェース・ページが再表示されます。

### 11.1.4.6 テーマ・ローラーの使用

テーマ・ローラーは、開発者がコード行を変更することなく、アプリケーションの色や角丸などの属性を迅速に変更できる、ライブCSSエディタです。テーマ・ローラーは、テーマ・スタイルの少なくとも1つに、「入力パラメータ・ファイルURL」属性が定義されている場合に、実行時開発者ツールバーに表示されます。

ヒント:

テーマ・ローラーの例を参照するには、ユニバーサル・テーマ - 42を使用するパッケージ・アプリケーションをインストールして実行します。パッケージ・アプリケーションの使用を参照してください。

テーマ・ローラーを使用するには、次のステップを実行します。

1. ページを実行してプレビューします。

   開発者がデスクトップ・アプリケーションを実行すると、編集可能な実行中のページの下部に、実行時開発者ツールバーが表示されます。

   図GUID-997B3C83-EAA3-48EE-A43E-8661897579BB-default.pngの説明

   ヒント:

   テーマ・ローラーは、テーマ・スタイルが定義されている場合にのみ、実行時開発者ツールバーに表示されます。テーマの編集およびスタイルを参照してください。

2. 実行時開発者ツールバーで、「テーマ・ローラー」をクリックします。

   テーマ・ローラーによって、アプリケーションのスタイルがフェッチされ、エディタにロードされます。

   図GUID-C0AC3DEF-BF10-4F2E-865D-0BB9B48A951F-default.pngの説明

   アクティブなアイコンおよびメニューの上にカーソルをあわせると、その名前が表示されます。

3. セクション名をクリックすると、セクションを開閉できます。主なコントロールには、次のものがあります。

   - 共通の表示 - すべての属性を表示します。

     ヒント:

     「カスタムCSS」セクションを変更することで、ユニバーサル・テーマのテーマ・スタイルを上書きできます。このセクションで使用するセレクタに注意してください。コンテンツを非表示または不鮮明な表示にすると、ユーザーの操作性が低下する場合があります。

   - すべて表示 - すべての属性が表示されます。

   - 元に戻す - 現在編集しているテーマを前のアクションに戻します。この機能は、テーマを切り替えた場合は動作しません。

   - やり直し - 現在の「元に戻す」リビジョンを破棄し、履歴の次のリビジョンに進みます。この機能は、テーマを切り替えた場合は動作しません。

   - 検索 - プロパティ、グループおよび色を検索します。検索すると、検索文字列と一致するプロパティのみがテーマ・ローラーによって自動的に表示されます。

   - リセット - 選択したテーマをサーバーに保存されている最終バージョンに戻します。テーマをリセットしてページをリロードした後で、「元に戻す」および「やり直し」を使用して変更をリストアできます。

   - ヘルプ - ヘルプ・ウィンドウを表示します。

4. 「スタイル」から新しいスタイルを選択し、リストから既存のスタイルを選択します。
5. 「グローバル色」の下で、色見本をクリックして新しい色を選択します。
6. 特定のコンポーネントを編集するには、グループを開き、編集するコンポーネントの新しい色またはスタイル設定を選択します。

   前景色および背景色の選択をサポートする属性の場合、2つのカラー選択の前にあるチェック・ボックスは、Webコンテンツ・アクセシビリティ・ガイドライン(WCAG) 2.0に基づくカラー・コントラスト情報を示します。計算されたコントラスト・スコアがより高いことは、そのカラーの組合せのアクセシビリティがより高いことを示します。

   ヒント:

   作業中のテーマ・スタイルをアプリケーションの現在のテーマ・スタイルとして設定するには、「現行として設定」をクリックします。

7. 作業中のテーマ・スタイルをアプリケーションの現在のテーマ・スタイルとして設定するには。
8. 「保存」をクリックして、サーバーに変更をコミットします。選択したテーマが読取り専用の場合は、「名前を付けて保存」をクリックして、変更を新しいテーマとして保存します。

## 11.1.5 テンプレート・オプションの理解

開発者はテンプレート・オプションを使用して、宣言的な方法でOracle Application Expressのページ上のコンポーネントに様々なスタイルを適用できます。

トピック:

- テンプレート・オプションについて
- デフォルト・テンプレート・オプションについて
- テンプレート・オプション・グループおよび事前設定について

関連項目:

テンプレート・オプションの使用およびライブ・テンプレート・オプションを変更するためのクイック編集の使用

### 11.1.5.1 テンプレート・オプションについて

テンプレート・オプションによって、開発者は、ページ、リージョン、レポート、リスト、ブレッドクラム、アイテムおよびボタンに関して選択したテンプレートにCSS修飾子を宣言的に適用できます。CSS修飾子は、CSSスタイルシートで定義されたCSSクラスの参照です。CSS修飾子によって、開発者は同じHTMLマークアップを使用しながら、CSSを適用することでそれを様々なスタイルで表示できます。ボタンの色、リージョンの幅、フォントの設定、アイテム・ラベルのマークアップなどで様々なスタイルを実現するために、ほぼ同一の多数のテンプレートをテーマで定義する必要性が、テンプレート・オプションによって減少します。

開発者は、次に示す例のような方法で、テンプレート・オプションを使用できます。

- 様々な色またはアクセントの適用

- 様々な間隔および余白の適用

- 様々なスタイルでのボタンのレンダリング(アイコンあり/なし)

- 様々な位置合せでのフォーム・フィールドの表示。

テンプレート・オプションを使用しない場合、これらのバリエーションを適用するには、ほぼ同一の非常に多くのテンプレート、またはCSSに関する詳細な知識が必要になります。テンプレート・オプションがサポートされるコンポーネントには、ページ、リージョン、クラシック・レポート、ブレッドクラム、リスト、アイテム、ラベル、ボタンがあります。

### 11.1.5.2 デフォルト・テンプレート・オプションについて

開発者は、テンプレート・オプション・グループに含まれていないテンプレート・オプションを、特定のテンプレートのデフォルトにすることを選択できます。アプリケーション・ビルダーでは、テンプレートを参照するコンポーネントをレンダリングすることによって、デフォルト・テンプレート・オプションを自動的に適用します。デフォルト・テンプレート・オプションは、実際のコンポーネントには書き込まれません。かわりに、`#DEFAULT#`置換文字列がコンポーネントに対して定義されるため、開発者はテンプレート・オプションのデフォルトを一元的に変更できます。

開発者は、テンプレート・オプションのデフォルトを使用しないことを選択でき、その場合は、`#DEFAULT#`置換文字列がコンポーネントから削除されます。テンプレート・オプションのデフォルトを無効にすると、開発者は使用可能なテンプレート・オプションをコンポーネントに選択的に適用できます。コンポーネントを編集するときに直接選択したすべてのテンプレート・オプションは、コンポーネントのメタデータに書き込まれ、対応するCSSクラス文字列によって表されます。実行時に、選択されたテンプレート・オプションとデフォルト・テンプレート・オプションはデフォルトの一部であり、コンポーネントのCSSクラス文字列と組み合されてコンポーネントに適用されます。

### 11.1.5.3 テンプレート・オプション・グループおよび事前設定について

開発者は、テンプレート・オプション・グループを作成することによって、関連するテンプレート・オプションの用途を定義できます。テンプレート・オプション・グループの例には、ボタン・サイズ、ボタン・スタイル、リストの例、リスト・スタイルおよびフォーム・ラベルの位置があります。開発者は、テンプレート・オプション・グループを作成するときに、テンプレート・レベルでテンプレート・オプションの事前設定を指定できます。たとえば、テンプレート・オプションLargeおよびSmallがあるボタン・テンプレートがあるとします。Smallを事前設定として定義した場合、このテンプレートを参照する新しいボタンには、作成時にテンプレート・オプションSmallが自動的に適用されます。グループに含まれているテンプレート・オプションは、事前設定がテンプレート・レベルで定義されていない場合はオプションです。

## 11.1.6 テーマ・ページへのアクセス

テーマ・ページでテーマを管理します。

ヒント:

テーマに選択したデフォルトのテンプレートを、テーマの作成/編集ページで変更できます。テーマの編集を参照してください。

「テーマ」ページにアクセスするには、次の手順を実行します。

1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
2. アプリケーションを選択します。
3. 「共有コンポーネント」をクリックします。
4. 「ユーザー・インタフェース」で、「テーマ」を選択します。

   テーマ・ページが表示されます。

5. 「レポートの表示」アイコンをクリックします。

   テーマ・ページがレポートとして表示されます。「カレント」列のチェック・マークはどのテーマが選択されているかを示します。

6. テーマ名をクリックします。

   テーマの編集ページが表示されます。

## 11.1.7 テーマの編集

この項では、テーマ属性の編集方法について説明します。

トピック:

- テーマの編集
- テーマ属性

関連項目:

カスタム・テーマの作成

### 11.1.7.1 テーマの編集

テーマを確認または編集するには、次の手順を実行します。

1. ワークスペースのホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
2. アプリケーションを選択します。
3. 「共有コンポーネント」をクリックします。
4. 「ユーザー・インタフェース」で、「テーマ」を選択します。

   テーマ・ページが表示されます。

5. テーマ・ページで、「レポートの表示」アイコンをクリックします。
   テーマ・ページがレポートとして表示されます。「カレント」列のチェック・マークはどのテーマが選択されているかを示します。
6. テーマ名をクリックします。

   テーマの作成/編集ページが表示され、このページはいくつかのセクションに分かれています。

7. 「テーマ属性」の説明に従って、適切な属性を編集します。
8. 変更を保存するには、「変更の適用」をクリックします。

### 11.1.7.2 テーマ属性

この項では、テーマ属性の作成/編集ページ上の属性について説明します。属性の詳細および例を確認するには、フィールドレベル・ヘルプを参照してください。

トピック:

- 名前
- テーマのサブスクリプション
- JavaScriptおよびカスケード・スタイルシート
- コンポーネントのデフォルト値
- リージョンのデフォルト値
- ダイアログのデフォルト
- 遷移のデフォルト値
- グローバル・テンプレート・オプション
- アイコン
- イメージ
- スタイル
- ファイル

#### 11.1.7.2.1 名前

表11-1に、「名前」の属性を示します。

表11-1 名前

属性 | 説明
--- | ---
アプリケーション | カレント・アプリケーションIDを指定します。 関連項目: アプリケーション属性の編集
テーマ番号 | テーマの番号を指定します。テーマは、アプリケーションのユーザー・インタフェースを定義するテンプレートのコレクションです。
名前 | テーマの説明的な短い名前を入力します。
ユーザー・インタフェース | テーマの設計対象のユーザー・インタフェースを指定します。 関連項目: ユーザー・インタフェースの詳細ページ
ナビゲーション・タイプ | 選択するナビゲーション・タイプを指定します。有効なオプションは、「タブ」または「リスト」です。 関連項目: タブの作成およびリストの作成
ナビゲーション・バー実装 | 選択するナビゲーション・バー実装を指定します。有効なオプションは、「クラシック」または「リスト」です。 関連項目: ユーザー・インタフェースの詳細ページ
説明 | テーマの説明を入力します。

#### 11.1.7.2.2 テーマのサブスクリプション

このアプリケーションがサブスクライブするテーマを表示します。アプリケーションがテーマにサブスクライブすると、すべてのテーマ属性、サブスクライブされたテンプレート・オプションおよびサブスクライブされたテンプレートは読取り専用に設定されます。

関連項目:

テーマのサブスクリプションの理解

#### 11.1.7.2.3 JavaScriptおよびカスケード・スタイルシート

表11-2に、「JavaScriptおよびカスケード・スタイルシート」の属性を示します。

表11-2 JavaScriptおよびカスケード・スタイルシート

属性 | 説明
--- | ---
JavaScriptファイルURL | すべてのページにロードするコードのJavaScriptのファイルURLを入力します。各URLを新しい行に記述する必要があります。ファイルの縮小バージョンを指定する場合、置換文字列`#MIN#`を使用して`.min`を、または`#MIN_DIRECTORY#`を使用して`minified/`を通常ページ・ビューのファイルURLに含めたり、ページをデバッグ・モードで表示する場合は空の文字列を含めることができます。ここに入力したJavaScriptのファイルURLによって、ページ・テンプレート内の`#THEME_JAVASCRIPT#`置換文字列が置き換えられます 例を表示するには、フィールドレベル・ヘルプを参照してください。
CSSファイルURL | すべてのページにロードするカスケード・スタイルシートのファイルURLを入力します。各URLを新しい行に記述する必要があります。ファイルの縮小バージョンを指定する場合、置換文字列`#MIN#`を使用して`.min`を、または`#MIN_DIRECTORY#`を使用して`minified/`を通常ページ・ビューのファイルURLに含めたり、ページをデバッグ・モードで表示する場合は空の文字列を含めることができます。アプリケーションのバージョンをファイルURLに含める場合は、置換文字列`#APP_VERSION#`を使用することもできます。ここに入力したファイルURLによって、ページ・テンプレート内の`#THEME_CSS#`置換文字列が置き換えられます。 例を表示するには、フィールドレベル・ヘルプを参照してください。

#### 11.1.7.2.4 コンポーネントのデフォルト値

表11-3に、デフォルトのテンプレートをコンポーネント・タイプ別に示します。

表 11-3 コンポーネントのデフォルトのテンプレート

属性 | 説明
--- | ---
ページ | ページを表示するためのデフォルトのテンプレートを指定します。開発者が明示的にテンプレートを選択しない場合、Application Expressエンジンは、ここで指定されたテンプレートを使用します。 関連項目: 表示属性
ナビゲーション・バー・リスト | アプリケーションでナビゲーション・バー・タイプをリストとして定義する場合に使用されるデフォルトのナビゲーション・バー・リスト・テンプレートを指定します。開発者が明示的にテンプレートを選択しない場合、Application Expressエンジンは、ここで指定されたテンプレートを使用します。 関連項目: 表示属性
ナビゲーション・メニュー・リストの位置 | デフォルトのナビゲーション・メニュー・リストの位置を指定します。
ナビゲーション・メニュー・リスト(トップ) | ページ上部に表示される新しいリストを作成する場合に使用されるデフォルトのナビゲーション・メニュー・リスト・テンプレートを指定します。
ナビゲーション・メニュー・リスト(サイド) | ページの横に表示される新しいリストを作成する場合に使用されるデフォルトのナビゲーション・メニュー・リスト・テンプレートを指定します。
ログイン・ページ | ページを表示するためのデフォルトのテンプレートを指定します。開発者が明示的にテンプレートを選択しない場合、Application Expressエンジンは、ここで指定されたテンプレートを使用します。
エラー・ページ | オプション。インライン表示されるエラーではなく、個別のページに表示されるエラーに使用するページ・テンプレートを指定します。エラーを表示するように設計されたテンプレートを使用しない場合、この属性は、空白のままにします。この設定は標準ページにのみ適用されます。
「印刷用」ページ | Application Expressエンジンが印刷用モードの場合に使用するテンプレートを指定します。 ページをレンダリングするためにApplication Expressをコールする場合、「はい」または「いいえ」の値で印刷用属性を指定するオプションがあります。「はい」を選択すると、印刷用テンプレートを使用してページが表示されます。Application Expressエンジンは、HTMLフォーム・フィールド内のすべてのテキストをテキストとして表示します。印刷用テンプレートには、`#FORM_OPEN#`タグまたは`#FORM_CLOSE#`タグは必要ありません。目的は、表をほとんど使用しないで、印刷に適した書式で情報を表示できるようにすることです。
ブレッドクラム | ブレッドクラムを作成する場合に使用するデフォルトのブレッドクラム・テンプレートを指定します。
ボタン | ボタンを作成する場合に使用するデフォルトのボタン・テンプレートを指定します。
レガシー・カレンダ | カレンダを作成する場合に使用するデフォルトのカレンダ・テンプレートを指定します。
デフォルトのラベル | 新しいラベルを作成する場合に使用するデフォルトのラベル・テンプレートを指定します
オプションのラベル | 新しいラベルを作成する場合に使用するデフォルトのオプションのラベル・テンプレートを指定します。
ページ・テンプレート・オプション | テンプレート・オプションによって、カレント・ページ・テンプレートに適用される多くのCSSカスタマイズ設定を選択できます。テンプレート・オプションとそれに対応するCSSクラスは、ページ・テンプレート・レベルで定義されます。ページ・テンプレートには、ページ・ヘッダーまたはボディで定義された置換文字列`#PAGE_CSS_CLASSES#`が必要です。文字列`#PAGE_CSS_CLASSES#`はすべての手動で入力したページCSSクラスに置き換えられ、これは選択したテンプレート・オプションで定義されているCSSクラスと組み合されます。
必須ラベル | 新しいラベルを作成する場合に使用するデフォルトの必須ラベル・テンプレートを指定します。
リスト | リストを作成する場合に使用するデフォルトのリスト・テンプレートを指定します。
リージョン | リージョンを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します。
クラシック・レポート | レポートを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します。
ヘッダー・ツールバー | ヘッダーまたはフッター・ツールバーを含む新しいページを作成する場合に使用する、デフォルトのヘッダー・ツールバー・リージョン・テンプレートを指定します。
フッター・ツールバー | ヘッダーまたはフッター・ツールバーを含む新しいページを作成する場合に使用する、デフォルトのヘッダー・ツールバー・リージョン・テンプレートを指定します。

#### 11.1.7.2.5 リージョンのデフォルト値

表11-4に、「リージョンのデフォルト値」で使用可能なデフォルトのテンプレートを示します。

表11-4 リージョンのデフォルト値

属性 | 説明
--- | ---
ブレッドクラム | ブレッドクラムを作成する場合に使用するデフォルトのブレッドクラム・テンプレートを指定します。
チャート | チャートを作成する場合に使用するデフォルトのチャート・テンプレートを指定します。
フォーム | フォームを作成する場合に使用するデフォルトのフォーム・テンプレートを指定します。
リスト | リストを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します。
レポート | レポートを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します。
表形式フォーム | 表形式フォームを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します。
ウィザード | 新しいウィザード・コンポーネントを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します。
対話モード・レポート | 対話モード・レポートを作成する場合に使用するデフォルトのリージョン・テンプレートを指定します

#### 11.1.7.2.6 ダイアログのデフォルト

表11-5に、「ダイアログのデフォルト」で使用可能なデフォルトのテンプレートを示します。

表11-5 ダイアログのデフォルト

属性 | 説明
--- | ---
ダイアログ・コンテンツ・リージョン | ページの作成ウィザードおよびアプリケーションの作成ウィザードを使用してダイアログのコンテンツ・リージョンを作成する場合に使用する、デフォルトのリージョン・テンプレートを指定します。
ダイアログ・ボタン・リージョン | ページの作成ウィザードおよびアプリケーションの作成ウィザードを使用してダイアログのボタン・リージョンを作成する場合に使用する、デフォルトのリージョン・テンプレートを指定します。
ダイアログ・ページ | モーダルまたは非モーダル・ダイアログ・ページを表示するためのデフォルトのテンプレートを指定します。開発者が明示的にテンプレートを選択しない場合、Application Expressエンジンは、ここで指定されたテンプレートを使用します。このテンプレートは、インライン表示されるエラーではなく、個別のページに表示されるエラーにも使用されます。

#### 11.1.7.2.7 遷移のデフォルト値

「遷移のデフォルト値」は、モバイル・テーマについてのみ表示されます。表11-6に、「遷移のデフォルト値」で使用可能な属性を示します。

表11-6 遷移のデフォルト値

属性 | 説明
--- | ---
ページ遷移 | 新しいページにナビゲートするとき、またはページを送信したときに使用する遷移を指定します。
ポップアップ遷移 | ポップアップが開かれたときに使用する遷移を指定します。

#### 11.1.7.2.8 グローバル・テンプレート・オプション

グローバル・テンプレート・オプションは、テーマレベルで定義され、特定のタイプのすべてのコンポーネントで使用できます。

関連項目:

テンプレート・オプションの理解およびグローバル・テンプレート・オプションの管理

#### 11.1.7.2.9 アイコン

表11-7に、「アイコン」の属性を示します。

表11-7 アイコン

属性 | 説明
--- | ---
ライブラリ | Oracle Application Expressでページが表示されるときにロードするアイコン・ライブラリを選択します。ライブラリ内のアイコンは、ページ・デザイナ内に実装されるリージョンおよびボタン・アイコンCSSクラスのピッカーにも表示されます。
カスタム・ライブラリ・ファイルURL | すべてのページにロードするカスタム・アイコンのカスケード・スタイルシートのファイルURLを入力します。各URLを新しい行に記述する必要があります。ファイルの縮小バージョンを指定する場合、置換文字列`#MIN#`を使用して`.min`を、または`#MIN_DIRECTORY#`を使用して`minified/`を通常ページ・ビューのファイルURLに含めたり、ページをデバッグ・モードで表示する場合は空の文字列を含めることができます。アプリケーションのバージョンをファイルURLに含める場合は、置換文字列`#APP_VERSION#`を使用することもできます。ここに入力したファイルURLによって、ページ・テンプレート内の`#THEME_CSS#`置換文字列が置き換えられます。 例を表示するには、フィールドレベル・ヘルプを参照してください。
カスタム・クラス | ページ・デザイナ内に実装されるリージョンおよびボタン・アイコンCSSクラスのピッカーに表示される、CSSクラス名のカンマ区切りリストを指定します。
カスタム接頭辞クラス | リージョン、ボタンおよびリストに対して定義されたアイコンCSSクラスがアイコン・ライブラリのクラスを使用していない場合に、それらの前に実行時に付けるCSSクラスを指定します。
日付ピッカー・アイコン名 | タイプ「日付ピッカー」のアイテムが表示される場合に使用されるイメージの名前および場所を入力します。次に例を示します。
    #IMAGE_PREFIX#new_cal.bmp
日付ピッカー・アイコン属性 | カレンダ・アイコンのイメージ属性を入力します。次に例を示します。
    width="16" height="16" alt="Display Calendar"

#### 11.1.7.2.10 イメージ

「カスタム・イメージ」属性を使用して、このテーマがデフォルトのテーマ・イメージを使用するかアップロードされたテーマ・イメージを使用するかを指定します。「はい」または「いいえ」を選択します。

#### 11.1.7.2.11 スタイル

現在のテーマで使用できるテーマ・スタイルを表示します。テーマ・スタイルによって、アプリケーションのテーマのCSSが定義され、アプリケーションのユーザー・インタフェースが制御されます。テーマ・スタイルは、ページ・テンプレート内で`#THEME_STYLE_CSS#`置換文字列を使用して参照されます。現在使用されているテーマ・スタイルには、「カレント」の下にチェック・マークが表示されます。

関連項目:

テーマ・スタイルの使用

#### 11.1.7.2.12 ファイル

「ファイルの接頭辞」属性には、Webサーバーがテーマのファイルを指すために使用する仮想パスが表示されます。データベースのテーマ定義とともに格納されたファイルを参照するものを指定しないでください。パフォーマンスの点から、テーマ・ファイルをWebサーバーに格納することもできます。「スタイル」で参照するには、`#IMAGE_PREFIX#`または任意の有効なURLを使用します。

関連項目:

静的アプリケーション・ファイルの管理および静的ワークスペース・ファイルの管理