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

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Migration of unmigrated content due to installation of a new plugin

...

Table of Contents
classcontents

...

概要

Styleclass
ClasstopLink

top

Customisation of the standard Yellowfin Login Page can be performed two ways:

  1. Simple - this involves the replacement of images, and changes to the CSS files used by the standard login page, without having to write a custom page. Generally this option is used for quick 'mock ups' but not the final restyled product.
  2. Complete - this involves writing a custom .jsp file to replace the standard page. This method requires more technical knowledge, and more time.

ページトップ

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

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

シンプル

...

Styleclass
ClasstopLink

top

ページトップ

一時的なカスタムログインページを簡易的に作成する場合、Yellowfinの「ROOT」ディレクトリ(If you wish to create a quick, temporary custom login page, simply replace the following images in the Yellowfin ROOT directory (Yellowfin\appserver\webapps\ROOT\images) with your customised versions:)で以下のイメージをカスタマイズしたバージョンと置き換えます。

  1. logo.png
  2. yellowfin_welcome.png
  3. logoFooter.png
  4. nav_bkg.png

You will need to clear your browser cache once replacing these images in order for them to appear.

Note: the images you wish to use as replacements will need to have the same name as the files listed above in order for the page to pick them up.

Example

これらのイメージを置き換えたら、新しいイメージが表示されるようにブラウザーのキャッシュをクリアする必要があります。

注意:置き換えとして使用するイメージは、上記のファイルと同じ名前にしてページで使用されるようにする必要があります。

コンポーネント

標準ログイン

カスタムログイン

ページ全体

Component

Standard Login

Custom Login

Full Page

logo.png

yellowfin_welcome.png

logoFooter.png

nav_bkg.png

...

完全

Styleclass
ClasstopLink

top

ページトップ

完全に新規な状態から開始するのではなく、Yellowfinインストールの開発例ディレクトリ(Instead of starting completely from scratch, a copy of the current login page jsp can be found in the development examples directory of your Yellowfin installation (Yellowfin\development\examples\index_mi.jsp). This will give you a starting point, providing the javascript required for the login itself, and allowing you to change the layout however required.

Instructions

)にある現行のログインページjspのコピーを使用できます。このコピーを使用してカスタムログインページの作成を開始できます。このコピーにはログイン自身に必要なJavascriptが含まれ、必要に応じてレイアウトを変更できます。

作成方法

初めに、ログインファイルの名前をFirstly, you will need to rename the login file to something other than index_mi.jsp, for example 以外のファイル名に変更します(例:login_companyName.jsp. You will then need to place your login file in the Yellowfin ROOT directory ()。次に、このログインファイルをYellowfinの「ROOT」ディレクトリ(Yellowfin\appserver\webapps\ROOT).

In order to ensure Yellowfin uses this file instead of the standard option, you will need to complete the following while Yellowfin is not running:

)に配置します。

Yellowfinが標準オプションではなくこのファイルを使用できるようにするには、Yellowfinが実行していない状態で以下の手順を実行する必要があります。

  1. Yellowfinを終了します。
  2. Stop Yellowfin
  3. Locate the web.xml file found in Yellowfin\appserver\webapps\ROOT\WEB-INF and locate the following: 内に存在するweb.xmlファイルを見つけて次の場所を特定します。
    Code Block
    languagehtml/xml
      <!-- The Welcome File List -->
    
      <welcome-file-list>
        <welcome-file>index_mi.jsp</welcome-file>
      </welcome-file-list>
    
    1. Update the welcome-file node to reference your new login page's name. For example: ノードを、新しいログインページの名前を参照するように更新します。例:
      Code Block
      languagehtml/xml
        <!-- The Welcome File List -->
      
        <welcome-file-list>
          <welcome-file>login_companyName.jsp</welcome-file>
        </welcome-file-list>
      
    2. Save the changes to the web.xml.への変更を保存します。
  4. 新しいログインページを編集します。Edit your new login page, locating any references to index_mi.jsp and update to your login page name. For example: への参照をすべて特定し、新しいログインページ名に更新します。例:
    1. 次の参照を更新します。
    2. This
      Code Block
      languagejavascript
      <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/index_mi.jsp" />
      
      Will become これを、次のように更新します。
      Code Block
      languagejavascript
      <input type="hidden" name="<%=Const.INDEX_PAGE%>" value="/login_companyName.jsp" />
      
    3. また、次の参照も更新します。 And this
      Code Block
      languagejavascript
      Const.INDEX_PAGE +"=/index_mi.jsp"
      
      Will become これを、次のように更新します。
      Code Block
      languagejavascript
      Const.INDEX_PAGE +"=/login_companyName.jsp"
      
    4. Save the changes to your login page.
    5. ログインページへの変更を保存します。
  5. ユーザーがログアウトした場合に、初回のログインと同様にカスタムログインページが使用されるようにするには、Yellowfin構成データベースの変更が必要です。データベース内で以下のように変更を行います。
    1. Configuration」テーブルで、{{
    In order to ensure your page is used once a user logs out, as well as the initial log in, a change needs to be made in the Yellowfin Configuration DB. In the DB:
    1. In the Configuration table, locate the record where ConfigCode = 'LOGONPAGE' and update the }}となっているレコードを特定し、次のように{{{}ConfigData = 'login_companyName.jsp' using: }}に更新します。
      Code Block
      languagesql
      UPDATE dbo.Configuration
      SET ConfigData = 'login_companyName.jsp'
      WHERE ConfigCode = 'LOGONPAGE'
      
  6. Restart YellowfinYellowfinを再起動します。

...

Component コンポーネント

Standard Login 標準ログイン Custom Login

カスタムログイン

Full Page ページ全体



horizontalrule
Styleclass
ClasstopLink

top ページトップ