# AccessPoint のカスタマイズ

AccessPoint でタイトル、ラベル、画像、CSS スタイルをカスタマイズします。

%ProgramFiles%\QlikView\Web にある JSON ファイル customConfig.json を使用して、AccessPoint ページの index.htm および FormLogin.htm の要素をカスタマイズできます。

情報メモ

%ProgramFiles%\QlikView\Web\customFilesExample でカスタマイズの例を確認できます。このフォルダー内のサンプル ファイル、customConfig.json にはスタイルのカスタマイズが含まれており、既定の代わりにカスタム画像を使用します。

次のプロパティを使用して AccessPoint をカスタマイズできます。

* `title`: ブラウザに表示されるドキュメントのタイトルを定義するために使用されます。

  例:

  ```
  "title": "My Access Point"
  ```

* `customFilesFolder`: 置換画像の場所を指します。このプロパティは、代替ファイルが必要な場合にのみ必要です。QlikView がアクセスできる任意のフォルダーを使用できます。

  情報メモAccessPoint のレイアウトを壊さないように、置換画像を元の画像と同様の軸に保つことをお勧めします。

  例:

  ```
  "customFilesFolder": "customFilesExample"
  ```

* `labels`: `accesspoint.json` で定義された規定のラベルを置き換えるために使用されます。言語に関係なくラベルを使用したい場合は、タグ `all` を使用します。

  例

  ```
  "labels": {
  	"all": {
  		"attributeHeader": "My Attribute (All):",
  		"categoryHeader": "My Category:"
  ```

  情報メモカスタマイズできる個々のラベルについては、%ProgramFiles%\QlikView\Web\lang\en-US\accesspoint.json を参照してください。

  言語固有のラベルを付けるには、`en-US` などの言語タグを使用します。次の言語タグが使用できます。

  * `de-DE`

  * `en-US`

  * `es-ES`

  * `fr-FR`

  * `it-IT`

  * `ja-JP`

  * `ko-KR`

  * `nl-NL`

  * `pl-PL`

  * `pt-BR`

  * `ru-RU`

  * `sv-SE`

  * `tr-TR`

  * `zh-CN`

  * `zh-TW`

  例:

  ```
  "en-US": {
  	"attributeHeader": "My Attribute (En):",
  	"useridLabel": "Custom User Name:"
  }
  ```

* cssSelectors: 変更または追加する属性を使用して変更する CSS 要素の jQuery セレクターを追加します。要素のスタイルを変更するには、style 属性を使用します。 指定したスタイルは、直接または CSS によって行われる他のスタイルに加えて、要素に直接適用されます。

  ブラウザの開発者ツールを使用して、index.htm および FormLogin.htm で変更可能な要素を表示できます。

  例:

  ```
  "cssSelectors": {
  	"#logo_main": {
  		"src": "customFilesFolder/logo_main.png",
  		"alt": "Custom"

  	},
  	".pagination.topPag > h1": {
  		"style": {
  		"background-image": "url('customFilesFolder/logo_accessPoint.png')"
  		}
  	},
  	"body": {
  		"style": {
  		"font-family": "Arial, sans-serif",
  		"font-size": "14px"
  		}
  	},
  	".filter_view a": {
  		"style": {
  		"background-image": "url('customFilesFolder/ap_sprite.png')"
  		}
  	},
  	"#loginBox": {
  		"style": {
  		"background-image": "url('customFilesFolder/bg_login.png')"
  		}
  	},
  	"link[rel=\"shortcut icon\"]": {
  		"href": "customFilesFolder/favicon.ico"
  		}
  	}
  ```