カスタム・スタイルシートの作成

注意: 拡張する親ルック・アンド・フィールのスタイルシートをインポートする必要はありません。カスタム・スタイルシートで定義するスタイルは、実行時に親スタイルシート上で自動的にマージされます。

カスタム・スタイルシートを作成するには、次のようにします。

  1. テキスト・エディタで、ファイル拡張子が .xssのファイルを作成します。任意のファイル名を使用できますが、拡張子は .xssである必要があります(たとえばmycompany-desktop.xss)。文書の先頭に<?xml version='1.0'?>を挿入します。ファイルを保存します。
  2. このファイルをプロジェクトのUIXスタイルシートのデフォルトの場所にコピーします。

    <jdev_install>/jdev/mywork/<Workspace_dir> /<Project_dir>/public_html/cabo/styles.

    ただし、スタイルシートはWebアプリケーションのコンテキスト・ルートの下やWebアプリケーションのクラス・パス上(カスタム・ルック・アンド・フィールをファイルにパッケージ化する場合)にも保存できます。

  3. アプリケーション・ナビゲータで、カスタム・スタイルシートが属するプロジェクトを選択します。
  4. メイン・メニューから、「ファイル」->「開く」を選択し、コード・エディタでカスタム・スタイルシート・ファイルを開きます。

    コード・エディタにXML文書が表示されます。

  5. http://xmlns.oracle.com/uix/ui/styleネームスペースを使用してルート要素<styleSheetDocument>を挿入します。ここで、次の属性を指定します。
  6. <styleSheet>セクションを挿入し、次の属性を指定します。
  7. <styleSheet>セクションに<style>要素を挿入し、次の属性と子要素を指定します。
  8. ステップ7を繰り返し、任意の数の<style>要素を追加します。
  9. ステップ6と7を繰り返し、任意の数の<styleSheet>セクションを追加します。

スタイルシート文書の定義で使用する上の要素の詳細は、「UIX要素リファレンス」「UIXスタイル」を参照してください。UIXスタイルの使用方法とルック・アンド・フィールのカスタマイズおよびパーソナライズの詳細は、「ADF UIX開発者ガイド」を参照してください。

次の例に、すべてのユーザー環境に2つのカスタム・スタイルを追加するXMLスタイルシート文書と、言語の記述方向が右から左のユーザー環境のみに適用される1つのカスタム・スタイルを示します。


Example 1:

<?xml version="1.0" encoding="windows-1252"?>

<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style"
                    version="2.0">

  <styleSheet>

    <!-- Make globalHeader links center-aligned -->
    <style selector=".OraGlobalHeaderBody">
      <property name="text-align">center</property>
    </style>

    <!-- Adjust the header padding and text size/weight -->
    <style selector=".OraContentContainerHeader">
      <includeStyle name="MediumFont"/>
      <property name="font-weight">bold</property>
      <property name="padding-top">2px</property>
    </style>

</styleSheet>

  <styleSheet direction="rtl">

    <style selector=".p_OraSideBar">
      <property name="margin">0px 0px 0px 5px</property>
    </style>

  </styleSheet>

</styleSheetDocument>    

次の例に、デフォルト・フォント・サイズを変更するカスタム・スタイルシートを示します。


Example 2:

<?xml version="1.0" encoding="windows-1252"?>

<styleSheetDocument xmlns="http://xmlns.oracle.com/uix/style">

  <!-- A custom style sheet which overrides DefaultFont -->

  <styleSheet>
    <style name="DefaultFont">
      <property name="font-family">Courier</property>
      <property name="font-size">14pt</property>
    </style>
  </styleSheet>

</styleSheetDocument>    

カスタム・スタイルシートについて

カスタム・ルック・アンド・フィールの作成
ADF UIXページの操作
Webアプリケーション設計ツールの使用

 

Copyright © 1997, 2004, Oracle. All rights reserved.