30日間の無料評価版をお試しいただけます。

概要

標準のYellowfinログインページのカスタマイズは次の2つの方法で実行できます。

  1. シンプル - イメージの置き換えおよび標準のログインページに使用されているCSSファイルの変更を伴います。カスタムページを記述する必要はありません。一般的に、このオプションは簡易的なモックアップに使用され、スタイルが変更された最終版としては使用されません。
  2. 完全 - 標準のページと置き換えるカスタムの.jspファイルの記述を伴います。この方法は高度な技術的知識および時間を必要とします。

シンプル

一時的なカスタムログインページを簡易的に作成する場合、Yellowfinの「ROOT」の「customimages」ディレクトリ(Yellowfin\appserver\webapps\ROOT\customimages)で、同じファイル名を持つ新しいバージョンを配置して、以下のイメージをカスタマイズしたバージョンと置き換えます:

  1. logo.png
  2. yellowfin_welcome.png
  3. logoFooter.png
  4. 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が実行していない状態で以下の手順を実行する必要があります。

  1. Yellowfinを終了します。
  2. 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>
    
    1. welcome-fileノードを、新しいログインページの名前を参照するように更新します。例:
      <!-- The Welcome File List -->
        <welcome-file-list>
          <welcome-file>login_companyName.jsp</welcome-file>
        </welcome-file-list>
      
    2. web.xmlへの変更を保存します。
  3. 新しいログインページを編集します。index_mi.jspへの参照をすべて特定し、新しいログインページ名に更新します。例:
    1. 次の参照を更新します。
      <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />
      
      これを、次のように更新します。
      <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />
      
    2. また、次の参照も更新します。
      Const.INDEX_PAGE +"=/index_mi.jsp"
      
      これを、次のように更新します。
      Const.INDEX_PAGE +"=/login_companyName.jsp"
      
    3. ログインページへの変更を保存します。
  4. ユーザーがログアウトした場合に、初回のログインと同様にカスタムログインページが使用されるようにするには、Yellowfin構成データベースの変更が必要です。データベース内で以下のように変更を行います。
    1. 「Configuration」テーブルで、ConfigCode = 'LOGONPAGE'となっているレコードを特定し、次のようにConfigData = 'login_companyName.jsp'に更新します。
      UPDATE dbo.Configuration
      SET ConfigData = 'login_companyName.jsp'
      WHERE ConfigCode = 'LOGONPAGE'
      
  5. Yellowfinを再起動します。

コンポーネント

標準ログイン

カスタムログイン

Full Page