Page Comparison

{anchor:top}
{toc: class=contents}

h2. Overview概要
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
Customisation of the standard Yellowfin Login Page can be performed two ways:
標準のYellowfinログインページのカスタマイズは次の2つの方法で実行できます。
# *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.
# *Complete* - this involves writing a custom .jsp file to replace the standard page. This method requires more technical knowledge, and more time.


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


h2. シンプル
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
If you wish to create a quick, temporary custom login page, simply replace the following images in the Yellowfin ROOT directory (一時的なカスタムログインページを簡易的に作成する場合、Yellowfinの「ROOT」ディレクトリ（{{Yellowfin\appserver\webapps\ROOT\images\}}) with your customised versions:）で以下のイメージをカスタマイズしたバージョンと置き換えます。
# logo.png 
# yellowfin_welcome.png
# logoFooter.png
# nav_bkg.png

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

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

{color:#CC0000#cc0000}{*Note:}注意：*{color} 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. 

h3. Example置き換えとして使用するイメージは、上記のファイルと同じ名前にしてページで使用されるようにする必要があります。

h3. 例

||Component コンポーネント\\ ||Standard 標準ログイン\\ Login||Custom カスタムログイン Login||
|Full ページ全体 Page| !01standardLogin.png|thumbnail,border=1! | !02customLogin.png|thumbnail,border=1! |
| logo.png | !logo.png! | !clogo.png! |
| yellowfin_welcome.png | !yellowfin_welcome.png|thumbnail,border=1! | !cyellowfin_welcome.png|thumbnail,border=1! |
| logoFooter.png | !logoFooter.png! | !clogoFooter.png! |
| nav_bkg.png | !nav_bkg.png! | !cnav_bkg.png! |


h2. Complete完全
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}
Instead of starting completely from scratch, a copy of the current login page jsp can be found in the development examples directory of your Yellowfin installation (完全に新規な状態から開始するのではなく、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.

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

h3. Instructions作成方法
Firstly, you will need to rename the login file to something other than {{
初めに、ログインファイルの名前を{{{}index_mi.jsp{}}}, for example 以外のファイル名に変更します（例：{{login_companyName.jsp}}. You will then need to place your login file in the Yellowfin ROOT directory (）。次に、このログインファイルを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:
# Stop Yellowfin
# Locate the {{web.xml}} file found in {{）に配置します。

Yellowfinが標準オプションではなくこのファイルを使用できるようにするには、Yellowfinが{*}実行していない{*}状態で以下の手順を実行する必要があります。
# Yellowfinを終了します。
# {{Yellowfin\appserver\webapps\ROOT\WEB-INF\}} and locate the following:
{}}}内に存在する{{{}web.xml{}}}ファイルを見つけて次の場所を特定します。
{code:language=html/xml}
  <!-- The Welcome File List -->

  <welcome-file-list>
    <welcome-file>index_mi.jsp</welcome-file>
  </welcome-file-list>
{code}
## Update the {{welcome-file}} node to reference your new login page's name. For example:{}}}ノードを、新しいログインページの名前を参照するように更新します。例：
{code:language=html/xml}
 
<!-- The Welcome File List -->

  <welcome-file-list>
    <welcome-file>login_companyName.jsp</welcome-file>
  </welcome-file-list>
{code}
## Save the changes to the {{web.xml{}}.}への変更を保存します。
# Edit your new login page, locating any references to 新しいログインページを編集します。{{index_mi.jsp{}}} and update to your login page name. For example:への参照をすべて特定し、新しいログインページ名に更新します。例：
## This次の参照を更新します。
{code:language=javascript}
<input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />
{code}
Will becomeこれを、次のように更新します。
{code:language=javascript}
<input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />
{code}
## Andまた、次の参照も更新します。
this
{code:language=javascript}
Const.INDEX_PAGE +"=/index_mi.jsp"
{code}
Willこれを、次のように更新します。
become
{code:language=javascript}
Const.INDEX_PAGE +"=/login_companyName.jsp"
{code}
## 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:
## In the ログインページへの変更を保存します。
# ユーザーがログアウトした場合に、初回のログインと同様にカスタムログインページが使用されるようにするには、Yellowfin構成データベースの変更が必要です。データベース内で以下のように変更を行います。
## 「{{Configuration}} table, locate the record where 」テーブルで、{{ConfigCode = 'LOGONPAGE'}} and update the となっているレコードを特定し、次のように{{{}ConfigData = 'login_companyName.jsp'}} using:に更新します。
{code:language=sql}
UPDATE dbo.Configuration
SET ConfigData = 'login_companyName.jsp'
WHERE ConfigCode = 'LOGONPAGE'
{code}
# Restart YellowfinYellowfinを再起動します。

h3. Example例

||Component コンポーネント ||Standard 標準ログイン Login||Custom カスタムログイン Login||
|Full ページ全体 Page| !01fullStandard.png|thumbnail,border=1! | !02fullCustom.png|thumbnail,border=1! |

\\
\\
{horizontalrule}
{styleclass: Class=topLink} [topページトップ|#top] {styleclass}