ログインページの場合と同様に、標準のYellowfinのヘッダーやフッターのカスタマイズは、以下の二つの方法により実行することができます。
Yellowfinヘッダーは、システム内の各ページ上部に配置されています。
フッターは、ページの下部に配置されており、ダッシュボードの位置が「中央揃え」に設定されている場合は、フッターも中央揃えで表示されます。
Yellowfin\appserver\webapps\ROOT\customimages
)で、以下のイメージをカスタマイズしたバージョンと置き換えます。これらのイメージを置き換えたら、新しいイメージが表示されるように、ブラウザーのキャッシュをクリアしなくてはいけません。
注意:置き換えとして使用する新しいバージョンのイメージは、ページで使用されるようにするために、上記と同様のファイル名と拡張子にしなくてはいけません。オリジナルのイメージを上書きする必要はなく、単に新しいイメージファイルをカスタムディレクトリに配置します。これにより、新しいイメージはアップグレードプロセス時に上書きされません。
コンポーネント | 標準 | カスタム |
ヘッダー全体 | ||
フッター全体* | ||
logo.svg | ||
logoFooter.svg |
*フッターのテキストがYellowfinを参照していることが分かります。こちらを削除、またはカスタマイズする場合は、完全なスタイル設定をしなくてはいけません。
含まれるHTMLは、完全なHTMLドキュメントではなく、別のHTMLページにインラインで含めるのに適したフラグメントでなくてはいけません。これはつまり、<HTML>、<HEAD>、<BODY>タグを含めてはいけないことを意味しています。HTML内のすべてのリンクは、Yellowfinページと相対する点に留意してください。そのため、絶対HTMLリンクの使用をお勧めします。
標準のYellowfinヘッダーは、ユーザーがシステムからログアウトするための唯一のリンクを提供している点にも留意してください。置き換えたヘッダーで、こちらのリンクを提供するためには、以下を含めます。
javascript:on_submit('logoff'); |
Yellowfinのサンプルディレクトリ(Yellowfin\development\examples\CustomHeaderExample.jsp
)には、サンプルのヘッダーファイルが含まれており、こちらを使用することで、カスタムヘッダーの作成を開始することができます。
Yellowfin\appserver\webapps\ROOT
)に保存します。Yellowfin\appserver\webapps\ROOT\customimages
)に保存します。Yellowfin\appserver\webapps\ROOT\customcss
)に追加します。カスタムURLは、ページがロードされる度に含められる、HTMLフラグメントへのリンクです。こちらは、Yellowfinサービスがアクセス可能な任意のサーバーに配置することができますが、最良のパフォーマンスを得るためには、同一サーバー上に配置することをお勧めします。こちらの例では、ファイルをYellowfinのROOTディレクトリ(Yellowfin\appserver\webapps\ROOT\header.jsp
)に配置し、「header.jsp」
を介して見つかるようにしています。
注意:既存のYellowfinディレクトリを使用せずに、Yellowfin\appserver\webapps\ROOT
内に新しいフォルダーを作成してカスタムファイルを格納し、これらのファイルを容易に特定できるようにすることも可能です。
コンポーネント | 標準 | カスタム |
ページ全体 |