ユーザー・インタフェースのカスタマイズ

ユーザー・インタフェースは、スクリプトおよびカスタム・インタフェースを使用して生成されるため、カスタマイズ性に優れています。

ルック・アンド・フィールは、スキン、スタイルおよびテーマで制御します。スキンおよびテーマにより、ホームおよびダッシュボード領域外のユーザー・インタフェース・クローム(目に見えるグラフィック機能)を定義できます。

Oracle Analyticsには、Skyros、blafp (ブラウザのルック・アンド・フィール)、FusionFX (Fusionアプリケーション)など、スタイルがいくつか同梱されています。保存済テーマは、スタイル・セレクタでも使用できます。

次の各項では、Webユーザー・インタフェースをカスタマイズする方法について説明します。

スキン、スタイルおよびテーマとは

スキン、スタイルおよびテーマは、インタフェースの外観を変更します。

Oracle BI EEのインタフェースをユーザーにどのように表示するかは、スキン、スタイルおよびテーマを作成することで制御できます。スキンとスタイルの主な違いは、スタイルはダッシュボード・コンテンツのみに適用されるのに対して、スキンはユーザー・インタフェースのその他すべての部分に適用されるという点です。たとえば、Oracle BI EE内では、分析およびスコアカード化で使用されるコンポーネントにスキンが適用されます。テーマは、どのように適用されるかによって、インタフェース全体またはダッシュボード・コンテンツ、あるいはその両方に適用できます。

デフォルトのスタイルおよびスキンをinstanceconfig.xmlファイルに指定します。その上で、コンテンツ・デザイナが特定の要素を変更して、テキストやリンクの色、テキストのフォントやサイズ、表の枠線、グラフの色や属性など、ダッシュボードの表示用の書式設定を制御します。ユーザー・インタフェースのスタイルの変更を参照してください。「テーマの管理」ページを使用して、テーマを設計および適用します。これは、instanceconfig.xmlファイルで有効化されます。その後、「権限の管理」ページでアクセス権を付与できます。

スキンおよびスタイルは、カスケーディング・スタイル・シート(CSS)とイメージを含むフォルダに編成されます。スキンおよびスタイルは通常、ロゴ、色スキーム、フォント、表の枠線などの要素を指定することで分析およびダッシュボードのルック・アンド・フィールをカスタマイズするのに使用する一方で、適切なスタイル・シート・ファイルで特定のスタイル・タグを挿入することで様々な要素の位置および行端揃えを制御するのにも使用できます。スタイルのカスタマイズについてを参照してください。テーマは、「テーマの管理」ページを使用して編成されます。

ユーザー・インタフェースのカスタマイズに関する一般的なヒント

ユーザー・インタフェースをカスタマイズする予定の場合は、次の事項に注意してください。

  • プレゼンテーション・サービスでは、JavaScriptによってではなく、スキンおよびスタイルを変更してユーザー・インタフェースの要素および外観をカスタマイズします。スクリプトのオブジェクトおよびメソッドが変更され、アップグレード時にこれらのファイルが置き換えられる可能性があるため、JavaScriptファイルは変更しないでください。

    ダッシュボードでは、適切な権限を持つユーザーが個々のダッシュボード・セクションを、HTMLを追加することでカスタマイズできます。このHTMLにはJavaScriptを含めることができます。

    適切な権限があるユーザーは、テーマを使用してインタフェース全体および分析の出力をカスタマイズできます。Oracle Analytics Serverでのデータのビジュアル化カスタム・テーマの作成を参照してください。

  • デプロイメントは、特定の言語に適応させることができます。Oracle Analytics Serverのローカライズを参照してください。

スタイルのカスタマイズについて

Oracle Analytics Serverには、blaf (ブラウザのルック・アンド・フィール)、FusionFX (Fusionアプリケーション)、Skyrosなど、様々なスタイルが同梱されています。Oracle Analytics ServerまたはOracle Analytics Server Publisherのルック・アンド・フィールをカスタマイズする場合、bicustom-template.earに用意されているカスタム・スタイルを叩き台として使用することをお薦めします。

このカスタム・スタイルは、Skyrosスタイルのコピーです。詳細は、ユーザー・インタフェースのスタイルの変更を参照してください。

スタイル・シート(master.css)を含め、一般的なSkyrosスタイルおよびイメージ・ファイルのほとんどは、マスター・ディレクトリに格納されます。このディレクトリとその構造の詳細は、スタイルのカスタマイズを参照してください。

スタイル・シート内では、更新できる各要素(またはクラス)にコメントが付けられています。

他のスタイル・シートもSkyrosのスタイル・フォルダおよびスキン・フォルダに格納されます。通常は、ユーザー・インタフェースの各詳細のスタイルを指定する拡張カスタム・スキンを作成している場合を除き、これらのファイルを更新する必要はありません。

ユーザー・インタフェースのスタイルの変更

独自のスタイルおよびスキンを作成している場合、CSS、graph.xmlおよびイメージ・ファイルを作成し、それらを使用可能にする必要があります。これらのファイルを使用可能にするには、次の2つの方法があります。

方法1: "bicustom.ear"ファイルの初回デプロイ

エンタープライズ・アーカイブ(EAR)ファイルとは、特殊なフォルダおよびファイル構造からなるアーカイブ(ZIP)ファイルです。

EARファイルを作成するには、ZIPツール(7-zipなど)を使用した後、ZIP拡張子をEARに変更します。bicustom-template.earファイルが叩き台として用意されています。

bicustom-template.earファイルには、bicustom.warファイルが格納されています。Webアーカイブ(WAR)ファイルも、特殊なフォルダおよびファイル構造からなるZIPファイルです。カスタム・スキン・ファイルを含めるには、bicustom-template.earファイル内のbicustom.warファイルを更新する必要があります。bicustom.warファイルには、すぐに利用できるように、サンプルのフォルダ構造が含まれています。

ノート:

この方法では、クラスタ内のすべてのノードにカスタム・スキンを自動的にデプロイします。

  1. ORACLE_HOME/bi/bifoundation/jee/bicustom-template.earBI_DOMAIN/bidata/components/OBIPS/bicustom.earにコピーします。

    ノート:

    パッチ適用またはアップグレードのプロセスでは、bicustom-template.earファイルは上書きされる場合がありますが、bicustom.earファイルは上書きされません。

  2. bicustom.earファイルを更新します。

    1. bicustom.earファイルからbicustom.warファイルを抽出します。

    2. bicustom.warファイルからファイルを抽出します。

    3. ファイルを編集してカスタム・スタイルを作成し、変更を保存します。スタイルのカスタマイズを参照してください。

    4. 変更でbicustom.warファイルを更新します。

    5. 新しいbicustom.warファイルでbicustom.earファイルを更新します。

  3. bicustom.earファイルをデプロイします。

    1. Oracle Weblogic Server管理コンソールにログインします。

    2. 「ロックして編集」をクリックします。

    3. 「ドメイン構造」リージョンで、「デプロイメント」をクリックします。

    4. 「デプロイメント」表の「インストール」をクリックします。

    5. bicustom.earファイルが格納されているフォルダにナビゲートします(デフォルトでは、このファイルはBI_DOMAIN/bidata/components/OBIPS/にあります)。

    6. bicustom.earファイルを選択します。

    7. 「次」をクリックします。

    8. 「Install this deployment as an application」を選択します。

    9. 「次」をクリックします。

    10. 「デプロイメントを次の場所からアクセス可能にする」を選択します。

    11. 「終了」をクリックします。

    12. 「保存」をクリックします。

    13. 「変更のアクティブ化」をクリックします。

  4. 新しいアプリケーションを起動します。

    1. 「ドメイン構造」リージョンで、「デプロイメント」をクリックします。

    2. 「デプロイメント」表の「bicustom」チェック・ボックスを選択します。

    3. 「開始」をクリックして、「すべてのリクエストを処理」を選択します。

  5. instanceconfig.xmlファイルを更新して、「ダッシュボードのプロパティ」ダイアログの「スタイル」オプションのデフォルト値として使用するスタイルおよびスキンを指定します。

    これらのエントリがinstanceconfig.xmlファイルに存在しない場合は、fusionFXがデフォルト・スタイルです。スタイルおよびスキンは、ORACLE_HOME\bi\bifoundation\web\appv2\resディレクトリにあります。

    1. 次のinstanceconfig.xmlファイルを開いて編集します。

      BI_DOMAIN/config/fmwconfig/biconfig/OBIPS

    2. 次の例に示すように、必要な要素とその祖先要素を追加します。

      <ServerInstance>
          <UI>
              <DefaultStyle>Skyros</DefaultStyle>
              <DefaultSkin>Skyros</DefaultSkin>
          </UI>
      </ServerInstance>

      DefaultStyleおよびDefaultSkinはそれぞれ、カスタムのスタイル・プロパティおよびスキン・プロパティの名前です。

      Altaカスタム・スタイルおよびスキンを使用するには、上のSkyrosAltaに置き換えます。

      ノート:

      これらの名前は、スタイルおよびスキンが格納されているフォルダに付けられた名前と一致する必要があります。アンダースコアを使用しないでください。たとえば: フォルダがs_Skyrosのように文字s_で始まっている場合、s_は省略されます。

    3. 変更内容を保存し、ファイルを閉じます。

  6. プレゼンテーション・サービスを再起動します。プロセスの管理についてを参照してください。

bicustom.earファイルを再デプロイする場合は、方法1: "bicustom.ear"ファイルの再デプロイを参照してください。

方法1: "bicustom.ear"ファイルの再デプロイ

エンタープライズ・アーカイブ(EAR)ファイルとは、特殊なフォルダおよびファイル構造からなるアーカイブ(ZIP)ファイルです。

カスタム・スキンを更新するには次のタスクを使用します。

  1. bicustom.earファイルを更新します。

  2. デプロイメントを更新します。

    1. Oracle Weblogic Server管理コンソールにログインします。

    2. 「ロックして編集」をクリックします。

    3. 「ドメイン構造」リージョンで、「デプロイメント」をクリックします。

    4. 「デプロイメント」表の「bicustom」チェック・ボックスを選択します。

    5. 「更新」をクリックします。

    6. 「終了」をクリックします。

    7. 「変更のアクティブ化」をクリックします。

    8. 「構成の解放」をクリックします。

  3. プレゼンテーション・サービスを再起動します。

ノート:

カスタマイズしたファイルでイメージやフォント色などのコンポーネント値を変更した場合、プレゼンテーション・サービスを再起動する必要はありません。また、instanceconfig.xmlファイルでデフォルトのスキンまたはスタイルを変更した場合も、プレゼンテーション・サービスを再起動する必要はありません。

方法2: 共有フォルダを使用したデプロイ

方法2は、カスタムのスタイル・フォルダおよびスキン・フォルダ内のCSSおよびイメージ・ファイルに加えた変更をできるだけ早く表示する開発環境またはテスト環境に最も適しています。

この方法は、カスタマイズがプレゼンテーション・サービスのファイアウォールの外にある場合にも使用されます。

静的ファイルはORACLE_HOME\bi\bifoundation\web\appv2にあります。Webサーバーには、クラスタリングなどの共有ファイル・システムを含め、ファイル・システム内のどの場所にでも配置できる静的ディレクトリを公開する独自の方法があります。静的ディレクトリの公開については、ご使用のサーバーのドキュメントを参照してください。

ノート:

Oracle WebLogic Serverを構成してApache HTTP Server、Microsoft Internet Information Server (Microsoft IIS)、Oracle HTTP ServerなどのWebサーバーと連携させる方法の詳細は、次のドキュメントを参照してください。

Oracle WebLogic Serverプロキシ・プラグインの使用

Oracle HTTP Serverの管理

  1. カスタム・スタイルを作成します。

    1. bicustom-template.earファイルからbicustom.warファイルを抽出します。

    2. bicustom.warファイルの内容をOracle Weblogic Serverがアクセス可能な場所(c:\customなど)に抽出します。

    3. ファイルを編集してカスタム・スタイルを作成し、変更を保存します。詳細は、スタイルのカスタマイズを参照してください。

  2. カスタム・フォルダをデプロイします。

    1. Oracle Weblogic Server管理コンソールにログインします。

    2. 「ロックして編集」をクリックします。

    3. 「ドメイン構造」リージョンで、「デプロイメント」をクリックします。

    4. 「デプロイメント」表の「インストール」をクリックします。

    5. カスタム・スタイルが格納されているフォルダ(c:\customなど)にナビゲートします。

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

    7. 「Install this deployment as an application」を選択します。

    8. 「次」をクリックします。

    9. デプロイメント・ターゲットとしてbi_clusterを選択します。

    10. 「次」をクリックします。

    11. 名前をAnalyticsResに設定します。

    12. 「デプロイメントを次の場所からアクセス可能にする」を選択します。

    13. 「次」をクリックします。

    14. 「はい、デプロイメントの構成画面に移動します。」を選択します。

    15. 「終了」をクリックします。

    16. 構成」タブをクリックします。

    17. 「コンテキスト・ルート」ボックスに/analyticsResと入力します。

    18. 「保存」をクリックします。

    19. 「OK」をクリックします。

    20. 「変更のアクティブ化」をクリックします。

    21. 「構成の解放」をクリックします。

  3. 新しいアプリケーションを起動します。

    1. 「ドメイン構造」リージョンで、「デプロイメント」をクリックします。

    2. 「デプロイメント」表の「analyticsRes」チェック・ボックスを選択します。

    3. 「開始」をクリックして、「すべてのリクエストを処理」を選択します。

  4. instanceconfig.xmlファイルを更新してカスタマイズを指すパスを指定します。これで、プレゼンテーション・サービスでアクセスできるようになります。

    プレゼンテーション・サービスにより、分析エディタおよびダッシュボードのユーザー・インタフェースが生成され、データがビジュアル化されます。

    1. 次のinstanceconfig.xmlファイルを開いて編集します。

      BI_DOMAIN/config/fmwconfig/biconfig/OBIPS

    2. ServerInstanceセクションを探します。

    3. 次の例に示すように要素を追加します。

      <ServerInstance>
         <UI>
          <DefaultStyle>Skyros</DefaultStyle>
          <DefaultSkin>Skyros</DefaultSkin>
         </UI>
         <URL>
            <CustomerResourcePhysicalPath>c:\custom\res
               </CustomerResourcePhysicalPath>
            <CustomerResourceVirtualPath>/analyticsRes/res
            </CustomerResourceVirtualPath>
         </URL>
      </ServerInstance>
      

      DefaultStyleおよびDefaultSkinはそれぞれ、カスタムのスタイル・プロパティおよびスキン・プロパティの名前です。

      Altaカスタム・スタイルおよびスキンを使用するには、上のSkyrosAltaに置き換えます。

      ノート:

      CustomerResourceVirtualPathは、「コンテキスト・ルート」ボックスに入力した場所を指します。

      プレゼンテーション・サービスのダッシュボードまたはレポートをADFアプリケーションに埋め込んでいる場合、次の例に示すように、DefaultStyle要素とDefaultSkin要素の後にSkinMappings要素を追加する必要があります。

      <ServerInstance>
         <UI>
          <DefaultStyle>Skyros</DefaultStyle>
          <DefaultSkin>Skyros</DefaultSkin>
          <SkinMappings>
             <skinMapping>
             <biadfSkinFamily>fusion</biadfSkinFamily>
                <biSkin>FusionFx</biSkin>
             </skinMapping>
          <skinMapping>
             <biadfSkinFamily>blafplus-rich</biadfSkinFamily>
                <biSkin>blafp</biSkin>
           </skinMapping>
           <skinMapping>
                <biadfSkinFamily>skyros</biadfSkinFamily>
                <biSkin>Skyros</biSkin>
            </skinMapping>
          </SkinMappings>
         </UI>
         <URL>
            <CustomerResourcePhysicalPath>c:\custom\res
               </CustomerResourcePhysicalPath>
            <CustomerResourceVirtualPath>/analyticsRes/res
               </CustomerResourceVirtualPath>
         </URL>
      </ServerInstance>
      
    4. 変更内容を保存し、ファイルを閉じます。

    5. プレゼンテーション・サービスを再起動します。

方法2: 共有フォルダに対する変更の表示

共有フォルダの構成が済むと、CSSファイルおよびイメージに対する変更を表示できます。

  1. メタデータをリロードします。

    1. グローバル・ヘッダーの「管理」リンクをクリックします。

    2. 「管理」タブで、「ファイルとメタデータの再ロード」リンクをクリックします。

  2. ブラウザ・キャッシュのクリア

  3. グローバル・ヘッダーのリンク(「ホーム」「カタログ」など)をクリックして変更を確認します。

ノート:

イメージ・ファイルなどのファイルをカスタム・スタイル・フォルダに追加した場合、プレゼンテーション・サービスを再起動する必要があります。

スタイルのカスタマイズ

カスタム・スタイルを作成するには、ファイルを1つ以上編集する必要があります。

スタイル・ディレクトリが抽出されるbicustom.warフォルダ構造では、アプリケーション・リソース(res)ディレクトリ内(./res/)は次のようになっており、関連ファイルが格納されています。

  • ./res/filemap.xml

  • ./res/s_Custom/

  • ./res/s_Custom/master/

  • ./res/s_Custom/master/master.css

  • ./res/s_Custom/master/graph.xml

  • ./res/s_Custom/master/custom.css

  • ./res/s_Custom/master/styleproperties.res

  • ./res/s_Custom/master/*.png

  • ./res/s_Custom/master/*.gif

接頭辞としてs_が付いているスタイル・ディレクトリには、スタイル・シート、イメージ・ファイルおよびgraph.xmlファイルが格納されます。

クラスはすべて、CSSまたはgraph.xmlファイル内にあります。

次の表に、"res"フォルダ構造の内容について説明します。

フォルダまたはファイル名 説明

filemap.xml2

filemap.xmlファイルを使用すると、スタイルまたはスキンによって別のスタイルまたはスキンを拡張することを指定できるようになります。デフォルトでは、s_Custom1がs_Skyrosを拡張しますが、これはfilemap.xmlファイルに定義されています。つまり、カスタムのスタイルまたはスキンの一部としてファイルが見つからない場合、プレゼンテーション・サービスはそのファイルを次にどこで探せばよいか認識しています。filemap.xmlファイルの内容は、次のようになっています。

<FileMap>
   <Styles Default="s_blafp">
      <Hierarchy>s_Skyros/s_Custom</Hierarchy>
   </Styles
   <Skins Default="sk_blafp">
      <Hierarchy>sk_Skyros/sk_Custom</Hierarchy
   </Skins>
</FileMap>

s_Custom

s_Customは、Customという名前のスタイルを定義するファイルが格納されているフォルダです。接頭辞s_は、フォルダにスタイルが格納されることを示します。この名前は、「ダッシュボードのプロパティ」ダイアログの「スタイル」オプションに表示されます。

instanceconfig.xmlファイルを使用してデフォルト・スタイルを手動で変更する場合、instanceconfig.xmlファイルに指定するスタイル名はこのフォルダ名の一部として指定したスタイル名と一致する必要があります。スタイルには好きな名前を付けることができますが、s_で始める必要があります。カスタム・スタイルの名前を変更する場合は、filemap.xmlファイルも新しいスタイル名で更新する必要があります。

新しいスタイル・フォルダに追加するファイルおよびフォルダが、基本スタイルのファイルおよびフォルダと同じ名前(filemap.xmlファイルで定義)を共有する場合、これらの新しいファイルおよびフォルダは基本スタイルのファイルのかわりに使用されます。基本スタイルのファイルおよびフォルダを参考にしてカスタム・スタイル・フォルダを作成します。

必要な数だけ様々なスタイルを定義できます。s_Customフォルダのコピーを同じフォルダに作成し、接頭辞としてs_を付けて名前を付けます(s_Corporateなど)。追加のカスタム・スタイルを作成した場合は、filemap.xmlファイルのスタイル階層にそれらを追加する必要もあります。

sk_Custom

sk_Custom1は、スタイルだけでなくフル・スキンをカスタマイズするために作成するフォルダです。sk_Customは、s_Customフォルダの兄弟として作成します。sk_Customは、bicustom-template.earファイルの一部として提供されません。接頭辞sk_は、フォルダにスキンが格納されることを示します。

instanceconfig.xmlファイルを使用してデフォルト・スキンを手動で変更する場合、instanceconfig.xmlファイルに指定するスキン名はこのフォルダ名の一部として指定したスキン名と一致する必要があります。スキンには好きな名前を付けることができますが、sk_で始める必要があります。カスタム・スキンの名前を変更する場合は、filemap.xmlファイルも新しいスキン名で更新する必要があります。

新しいスキン・フォルダに追加するファイルおよびフォルダが、基本スキンのファイルおよびフォルダと同じ名前(filemap.xmlファイルで定義)を共有する場合、これらの新しいファイルおよびフォルダは基本スキンのファイルのかわりに使用されます。基本スキンのファイルおよびフォルダを参考にしてカスタム・スタイル・フォルダを作成します。

必要な数だけ様々なスキンを定義できます。sk_Customフォルダのコピーを同じフォルダに作成し、接頭辞としてsk_を付けて名前を付けます(sk_Corporateなど)。追加のカスタム・スキンを作成した場合は、filemap.xmlファイルのスキン階層にそれらを追加する必要もあります。

master

masterフォルダには、カスタム・スタイルの作成に必要なファイルがすべて格納されます。

master.css

master.cssファイルには、スタイルで使用されるCSSクラスがすべて含まれ、プレゼンテーション・サービスおよびパブリッシャ全体で使用されるCSSクラスおよびスタイルのほとんどが定義されます。このファイルに含まれるクラスに定義されているスタイルを変更すると、システムの広範囲に影響します。

このファイルのCSSクラス・セレクタ(CSSクラス名)の変更はお薦めしません。各CSSクラス内に定義されているスタイルを変更してください。master.cssファイルには、どのクラスが適用され、ユーザー・インタフェースのどの部分に適用されるかを理解するのに役立つコメントも含まれます。

custom.css

custom.cssファイルは、master.cssファイルによってインポートされる空(空白)のファイルです。custom.cssファイルを使用すると、master.cssを変更せずに(たとえば、スタイルを分析に適用するために)独自のCSSクラスを追加したり、master.cssファイルのクラスをオーバーライドできます。別ファイルであるcustom.cssファイルで変更内容を維持すると、パッチおよび更新で適用される、master.cssファイルに対する今後の改善を利用できるようになります。

graph.xml

graph.xmlファイルを使用すると、分析での各種グラフに適用するデフォルト・スタイルをすべて定義できます。graph.xmlファイルにはコメントが付いています。このようなコメントでは、各設定の有効な値とそのスタイルの要素について説明しています。

ノート:

graph.xmlファイルのスタイルをカスタマイズする場合は、更新したファイルを次の場所にコピーする必要があります。

ORACLE_HOME/bi/bifoundation/javahost/config/styles/<stylename>/graph.xml

たとえば、Skyrosグラフのカスタマイズの場合、更新したgraph.xmlファイルを次の場所にコピーします。

ORACLE_HOME/bi/bifoundation/javahost/config/styles/skyros/graph.xml

styleproperties.res

styleproperties.resファイルにより、ユーザー・インタフェースの要素のいくつかを詳細に制御できます。たとえば、ダッシュボードのレンダリング時に使用するデータ・ロード・アニメーションのバージョンを指定できます。データ・ロード・アニメーションは、Webページでサーバーからデータをロードする際に、ページの"ステータス・インジケータ"領域で使用されます。データ・ロード・アニメーションには異なるバージョンが2つあり、明るい背景で使用するために暗い前景色を使用しているアニメーションと、その反対のアニメーションです。

styleproperties.resファイルにはコメントが付いています。このようなコメントでは、要素を説明しています。

.pngおよび.gif (イメージ・ファイル)

masterディレクトリには、必要なすべてのイメージと最も一般的なイメージがあります。これらのイメージは、主に.png形式と.gif形式です。これらのイメージは、独自のファイル(できれば同じサイズのイメージ)で置き換えることができます。

  1. s_Customなどのファイル名は、大/小文字が区別され、Linuxでは小文字です。

  2. filemap.xmlファイルの使用による拡張対象のスタイルまたはスキンの指定は、プレゼンテーション・サービスに対してのみ適用されます。

Skyrosマスター・ブランディング・クラスの変更の例

SkyrosのCSSを変更すると、CSS内に含まれる要素に対する変更を有効にできます。

たとえば、マスター・ブランディング領域の背景色を黒から明るい青色に変更する場合、次のステップを実行します。

  1. master.cssファイルを開きます。
  2. 下にスクロールして、カスタマイズするクラスを探します。サンプル・コードの.masterBrandingAreaクラスを変更します。また、コードには、そのコード・セクションを特定するインライン・コメントがあることに注意してください。
    .
    .
    .
    .masterHeader
    {
          font-weight: bold;
          color: #003d5b;
          text-align: left;
    }
    /* BRANDING AREA ========================================================= */
    /* This class applies to the branding area shown at the top of most pages. */
    {
    .masterBrandingArea
    {
          background-color: #000000;
          color: #ffffff;
          padding: 5px;
    }
    /* This class applies to the brand name text shown at the top of most pages. */
    .masterBrandingAreaBrandName
    {
          font-size: 17px;
          font-weight: bold;
    .
    .
    .

    ノート:

    custom.css設定をダッシュボードで使用するには、custom.cssファイルのコロン(;)の前にテキスト!importantを追加します。これにより、custom.cssの後に開いた他のcssファイルが値を上書きすることが防止されます。

    たとえば、masterBrandingAreaクラスの背景色を黒から薄い灰色に変更し、テキストの色を白から黒に変更する場合などです。ログイン、ホーム、カタログ、分析およびログオフのブランド領域が薄い灰色で表示されますが、ダッシュボードのブランド領域は黒、テキストは白のままです。ダッシュボードのカスタム設定を保持するには、次のようにセミコロン(;)の前に!importantを追加します。

    .masterBrandingArea
    {
      background-color: #ffffff !important; /* white background */
      color: #333333 !important; /* almost black text color */
    } 
  3. HTMLの背景色コード値を#000000から#3300ffに変更します。
  4. ファイルを保存します。
  5. メタデータを再ロードし、ブラウザのキャッシュをクリアします。詳細は、ユーザー・インタフェースのカスタマイズを参照してください。

テーマによるユーザー・インタフェースの変更

独自のテーマを作成するには、システムでテーマを使用できるように、instanceconfig.xmlファイルを編集する必要があります。

  1. プレゼンテーション・サーバーで、BI_DOMAIN/config/fmwconfig/biconfig/OBIPSにあるinstanceconfig.xmlファイルを編集のために開きます。
  2. ServerInstanceセクションを探します。
  3. 次に示す要素を追加します。
    <ServerInstance>...
    	<UI>
    		<EnableDynamicThemes>true</EnableDynamicThemes>
    	</UI>
  4. 変更内容を保存し、ファイルを閉じます。
  5. プレゼンテーション・サービスを再起動します。