Anchor | ||||
---|---|---|---|---|
|
Table of Contents | ||
---|---|---|
|
概要
標準のYellowfinログインページのカスタマイズは次の2つの方法で実行できます。
- シンプル - イメージの置き換えおよび標準のログインページに使用されているCSSファイルの変更を伴います。カスタムページを記述する必要はありません。一般的に、このオプションは簡易的なモックアップに使用され、スタイルが変更された最終版としては使用されません。
- 完全 - 標準のページと置き換えるカスタムの.jspファイルの記述を伴います。この方法は高度な技術的知識および時間を必要とします。
シンプル
一時的なカスタムログインページを簡易的に作成する場合、YellowfinのROOTのcustomimagesディレクトリ(Yellowfin\appserver\webapps\ROOT\customimages
)で、同じファイル名を持つ新しいバージョンを配置して、以下のイメージをカスタマイズしたバージョンと置き換えます:
- 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
ファイルを見つけて次の場所を特定します。Code Block language html/xml <!-- The Welcome File List --> <welcome-file-list> <welcome-file>index_mi.jsp</welcome-file> </welcome-file-list>
welcome-file
ノードを、新しいログインページの名前を参照するように更新します。例:Code Block language html/xml <!-- The Welcome File List --> <welcome-file-list> <welcome-file>login_companyName.jsp</welcome-file> </welcome-file-list>
web.xml
への変更を保存します。
- 新しいログインページを編集します。
index_mi.jsp
への参照をすべて特定し、新しいログインページ名に更新します。例:次の参照を更新します。
Code Block language javascript <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />
これを、次のように更新します。
Code Block language javascript <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />
また、次の参照も更新します。
Code Block language javascript Const.INDEX_PAGE +"=/index_mi.jsp"
これを、次のように更新します。
Code Block language javascript Const.INDEX_PAGE +"=/login_companyName.jsp"
- ログインページへの変更を保存します。
- ユーザーがログアウトした場合に、初回のログインと同様にカスタムログインページが使用されるようにするには、Yellowfin構成データベースの変更が必要です。データベース内で以下のように変更を行います。
次のように、
Configuration
テーブルで、ConfigCode = 'LOGONPAGE'
となっているレコードを特定してConfigData = 'login_companyName.jsp'
に更新します。Code Block language sql UPDATE dbo.Configuration SET ConfigData = 'login_companyName.jsp' WHERE ConfigCode = 'LOGONPAGE'
- Yellowfinを再起動します。
例
コンポーネント | 標準ログイン | カスタムログイン |
---|---|---|
ページ全体 |
...