Page Comparison

Overview

Customisation of the standard Yellowfin Login Page can be performed two ways:

1. Simple - this involves the replacement of images, and changes to the CSS files used by the standard login page, without having to write a custom page. Generally this option is used for quick 'mock ups' but not the final restyled product.
2. Complete - this involves writing a custom .jsp file to replace the standard page. This method requires more technical knowledge, and more time.

Simple

...

概要

標準のYellowfinログインページのカスタマイズは次の2つの方法で実行できます。

1. シンプル - イメージの置き換えおよび標準のログインページに使用されているCSSファイルの変更を伴います。カスタムページを記述する必要はありません。一般的に、このオプションは簡易的なモックアップに使用され、スタイルが変更された最終版としては使用されません。
2. 完全 - 標準のページと置き換えるカスタムの.jspファイルの記述を伴います。この方法は高度な技術的知識および時間を必要とします。

シンプル

一時的なカスタムログインページを簡易的に作成する場合、YellowfinのROOTのcustomimagesディレクトリ（Yellowfin\appserver\webapps\ROOT\customimages) with your customised versions:）で、同じファイル名を持つ新しいバージョンを配置して、以下のイメージをカスタマイズしたバージョンと置き換えます：

1. logo.png
2. yellowfin_welcome.png
3. logoFooter.png
4. nav_bkg.png

You will need to clear your browser cache once replacing these images in order for them to appear.

Note: the images you wish to use as replacements will need to have the same name as the files listed above in order for the page to pick them up. You no longer have to overwrite the originals, simply place your new images in the custom directory. This will mean that they will not be overwritten during the upgrade process.

Example

...

Component

...

Standard Login

...

Custom Login

...

これらのイメージを置き換えたら、新しいイメージが表示されるようにブラウザーのキャッシュをクリアする必要があります。

注意：置き換えとして使用するイメージは、上記のファイルと同じ名前にしてページで使用されるようにする必要があります。オリジナルを上書きする必要はなく、単に新しいイメージをカスタムディレクトリに配置します。これにより、新しいイメージはアップグレードプロセス時に上書きされません。

例

Complete

...

完全

完全に新規な状態から開始するのではなく、Yellowfinインストールの開発例ディレクトリ（Yellowfin\development\examples\index_mi.jsp). This will give you a starting point, providing the javascript required for the login itself, and allowing you to change the layout however required.

Instructions

Firstly, you will need to rename the login file to something other than ）にある現行のログインページjspのコピーを使用できます。このコピーを使用してカスタムログインページの作成を開始できます。このコピーにはログイン自身に必要なJavascriptが含まれ、必要に応じてレイアウトを変更できます。

作成方法

初めに、ログインファイルの名前をindex_mi.jsp, for example 以外のファイル名に変更します（例：login_companyName.jsp. You will then need to place your login file in the Yellowfin ROOT directory (Yellowfin）。次に、このログインファイルをYellowfinのROOTディレクトリ（Yellowfin\appserver\webapps\ROOT).

In order to ensure Yellowfin uses this file instead of the standard option, you will need to complete the following while Yellowfin is not running:

...

）に配置します。

Yellowfinが標準オプションではなくこのファイルを使用できるようにするには、Yellowfinが実行していない状態で以下の手順を実行する必要があります。

1. Yellowfinを終了します。

2. Yellowfin\appserver\webapps\ROOT\WEB-INF and locate the following:内に存在するweb.xmlファイルを見つけて次の場所を特定します。

   Code Block
   language html/xml
   <!-- The Welcome File List --> <welcome-file-list> <welcome-file>index_mi.jsp</welcome-file> </welcome-file-list>

   1. Update the welcome-file node to reference your new login page's name. For example:ノードを、新しいログインページの名前を参照するように更新します。例：

      Code Block
      language html/xml
      <!-- The Welcome File List --> <welcome-file-list> <welcome-file>login_companyName.jsp</welcome-file> </welcome-file-list>

   2. Save the changes to the web.xml.
   Edit your new login page, locating any references to
   1. への変更を保存します。
3. 新しいログインページを編集します。index_mi.jsp and update to your login page name. For example:Thisへの参照をすべて特定し、新しいログインページ名に更新します。例：
   

   1. 次の参照を更新します。

      Code Block
      language javascript
      <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />

      Will becomeこれを、次のように更新します。

      Code Block
      language javascript
      <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />

   2. And thisまた、次の参照も更新します。

      Code Block
      language javascript
      Const.INDEX_PAGE +"=/index_mi.jsp"

      Will becomeこれを、次のように更新します。

      Code Block
      language javascript
      Const.INDEX_PAGE +"=/login_companyName.jsp"

   3. Save the changes to your login page.
   In order to ensure your page is used once a user logs out, as well as the initial log in, a change needs to be made in the Yellowfin Configuration DB. In the DB:
   1. In the Configuration table, locate the record where ログインページへの変更を保存します。
4. ユーザーがログアウトした場合に、初回のログインと同様にカスタムログインページが使用されるようにするには、Yellowfin構成データベースの変更が必要です。データベース内で以下のように変更を行います。
   

   1. 次のように、Configurationテーブルで、ConfigCode = 'LOGONPAGE' and update the となっているレコードを特定してConfigData = 'login_companyName.jsp' using:に更新します。

      Code Block
      language sql
      UPDATE dbo.Configuration SET ConfigData = 'login_companyName.jsp' WHERE ConfigCode = 'LOGONPAGE'

5. Restart YellowfinYellowfinを再起動します。

...

例