| Anchor | ||||
|---|---|---|---|---|
|
| Table of Contents | ||
|---|---|---|
|
概要
標準のYellowfinログインページのカスタマイズは、以下の2つの方法で実行することができます。標準のYellowfin ログインページのカスタマイズは、以下の2つの方法で実行することができます。
- シンプル - こちらは、カスタムページを記述することなく、イメージの置き換えと、標準ログインページに使用されているCSSファイルの変更により実行します。一般的にこちらのオプションは、簡易的なモックアップに使用され、リスタイル製品の最終版には適していません。こちらは、カスタムページを記述することなく、イメージの置き換えと、標準ログインページに使用されているCSSファイルの変更により実行します。一般的にこちらのオプションは、簡易的なモックアップに使用され、リスタイル製品の最終版には適していません。
- 完全 - こちらは、標準のページを置き換えるために、カスタム.jspファイルの記述が必要です。こちらの方法を実行するためには、高度な技術的知識、および時間が必要です。
...
- logo.svg
- yellowfin_welcome.jpg
- logoFooter.svg
- nav_bkg.png
これらのイメージを置き換えたら、新しいイメージが表示されるように、ブラウザーのキャッシュをクリアしなくてはいけません。
重要：置き換えとして使用する新しいバージョンのイメージは、ページで使用されるようにするために、上記と同様のファイル名と拡張子にしなくてはいけません。オリジナルのイメージを上書きする必要はなく、単に新しいイメージのファイルをカスタムディレクトリに配置します。これにより、新しいイメージは、アップグレードプロセス時に上書きされません。
例
| コンポーネント | 標準ログイン | カスタムログイン |
ページ全体 |
|
|
logo.svg |
|
|
yellowfin_welcome.jpg |
|
|
logoFooter.svg
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\appserver\webapps\ROOT\WEB-INF内に存在する「web.xml」ファイルを、次の場所を特定します。
| Code Block | ||
|---|---|---|
| ||
<!-- The Welcome File List -->
<welcome-file-list>
<welcome-file>index_mi.jsp</welcome-file>
</welcome-file-list>
|
「welcome-file」ノードを、新しいログインページ名を参照するように更新します。例：
| Code Block | ||
|---|---|---|
| ||
<!-- The Welcome File List -->
<welcome-file-list>
<welcome-file>login_companyName.jsp</welcome-file>
</welcome-file-list>
|
...
こちらは、
| Code Block | ||
|---|---|---|
| ||
<input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />
|
このようになります。
| Code Block | ||
|---|---|---|
| ||
<input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />
|
また、こちらは、
| Code Block | ||
|---|---|---|
| ||
Const.INDEX_PAGE +"=/index_mi.jsp"
|
このようになります。
| Code Block | ||
|---|---|---|
| ||
Const.INDEX_PAGE +"=/login_companyName.jsp"
|
...
構成テーブルで、以下のように、「ConfigCode = 'LOGONPAGE'」となっているレコードを特定し、「ConfigData = 'login_companyName.jsp'」に更新します。
| Code Block | ||
|---|---|---|
| ||
UPDATE dbo.Configuration
SET ConfigData = 'login_companyName.jsp'
WHERE ConfigCode = 'LOGONPAGE'
|
...
例
...
ページ全体
...
...