概要
標準のYellowfinログインページのカスタマイズは次の2つの方法で実行できます。
- シンプル - イメージの置き換えおよび標準のログインページに使用されているCSSファイルの変更を伴います。カスタムページを記述する必要はありません。一般的に、このオプションは簡易的なモックアップに使用され、スタイルが変更された最終版としては使用されません。
- 完全 - 標準のページと置き換えるカスタムの.jspファイルの記述を伴います。この方法は高度な技術的知識および時間を必要とします。
シンプル
一時的なカスタムログインページを簡易的に作成する場合、Yellowfinの「ROOT」ディレクトリ(Yellowfin\appserver\webapps\ROOT\images
)で以下のイメージをカスタマイズしたバージョンと置き換えます。
- logo.png
- yellowfin_welcome.png
- logoFooter.png
- nav_bkg.png
これらのイメージを置き換えたら、新しいイメージが表示されるようにブラウザーのキャッシュをクリアする必要があります。
注意:置き換えとして使用するイメージは、上記のファイルと同じ名前にしてページで使用されるようにする必要があります。
例
コンポーネント |
標準ログイン |
カスタムログイン |
---|---|---|
ページ全体 |
||
logo.png |
|
|
yellowfin_welcome.png |
||
logoFooter.png |
|
|
nav_bkg.png |
|
|
完全
完全に新規な状態から開始するのではなく、Yellowfinインストールの開発例ディレクトリ(Yellowfin\development\examples\index_mi.jsp
)にある現行のログインページjspのコピーを使用できます。このコピーを使用してカスタムログインページの作成を開始できます。このコピーにはログイン自身に必要なJavascriptが含まれ、必要に応じてレイアウトを変更できます。
作成方法
初めに、ログインファイルの名前をindex_mi.jsp
以外のファイル名に変更します(例:login_companyName.jsp
)。次に、このログインファイルをYellowfinの「ROOT」ディレクトリ(Yellowfin\appserver\webapps\ROOT
)に配置します。
Yellowfinが標準オプションではなくこのファイルを使用できるようにするには、Yellowfinが実行していない状態で以下の手順を実行する必要があります。
- Yellowfinを終了します。
Yellowfin\appserver\webapps\ROOT\WEB-INF
内に存在するweb.xml
ファイルを見つけて次の場所を特定します。<!-- The Welcome File List --> <welcome-file-list> <welcome-file>index_mi.jsp</welcome-file> </welcome-file-list>
welcome-file
ノードを、新しいログインページの名前を参照するように更新します。例:<!-- The Welcome File List --> <welcome-file-list> <welcome-file>login_companyName.jsp</welcome-file> </welcome-file-list>
web.xml
への変更を保存します。
- 新しいログインページを編集します。
index_mi.jsp
への参照をすべて特定し、新しいログインページ名に更新します。例:- 次の参照を更新します。
これを、次のように更新します。
<input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />
<input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />
- また、次の参照も更新します。
これを、次のように更新します。
Const.INDEX_PAGE +"=/index_mi.jsp"
Const.INDEX_PAGE +"=/login_companyName.jsp"
- ログインページへの変更を保存します。
- 次の参照を更新します。
- ユーザーがログアウトした場合に、初回のログインと同様にカスタムログインページが使用されるようにするには、Yellowfin構成データベースの変更が必要です。データベース内で以下のように変更を行います。
- 「
Configuration
」テーブルで、{{ConfigCode = 'LOGONPAGE'}}となっているレコードを特定し、次のように{{{}ConfigData = 'login_companyName.jsp'}}に更新します。UPDATE dbo.Configuration SET ConfigData = 'login_companyName.jsp' WHERE ConfigCode = 'LOGONPAGE'
- 「
- Yellowfinを再起動します。
例
コンポーネント |
標準ログイン |
カスタムログイン |
---|---|---|
ページ全体 |