Yellowfinは、ヘッダーやフッターパネルを削除したり、置き換えたりすることで、既存の、または新規のアプリケーションに統合することができます。これにより、独自のナビゲーションを、カスタマイズしたパネルに組み込むことができます。
ログインページの場合と同様に、標準のYellowfinのヘッダーやフッターのカスタマイズは、以下の二つの方法により実行することができます。
Yellowfinヘッダーは、システム内の各ページ上部に配置されています。
フッターは、ページの下部に配置されており、ダッシュボードの位置が「中央揃え」に設定されている場合は、フッターも中央揃えで表示されます。
ダッシュボードフッターは、Yellowfin 8で利用可能な機能でしたが、Yellowfin 9では一時停止され、Yellowfin 9.6で復活しました。フッターを有効化/再有効化するには、表示設定配下にある「固定レイアウトのダッシュボードのフッターを有効にする」項目を有効にしてください。以前のバージョンのYellowfinでカスタムフッターを構成していた場合、こちらの設定を有効にすることで、すべてのダッシュボードにおいて、以前のカスタムフッターが再度有効化されます。 |
一時的なカスタムヘッダーやフッターを簡易的に作成する場合は、YellowfinのROOTの「customimages」ディレクトリ(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
内に新しいフォルダーを作成してカスタムファイルを格納し、これらのファイルを容易に特定できるようにすることも可能です。
コンポーネント | 標準 | カスタム |
ページ全体 |