---
title: "EXMユーザーインターフェースの設定"
slug: "configuring-the-exm-user-interface"
abstract: "無限スクロールとEXM UIで列のデフォルトのソート設定を設定できます。"
---
# EXMユーザーインターフェースの設定

Email Experience Managerはユーザーインターフェースの表示にAngularフレームワークを使用しています。 app-config.jsonファイルでは、EXM UI内で以下の要素を設定できます:

-   リストと検索で読み込まれたキャンペーン数
-   各 **リスト** ページの列のデフォルトのソート

app-config.jsonファイルを見つけるには、*\\sitecore\\shell\\client\\Applications\\ECM\\assets*にアクセスしてください。

app-config.jsonファイルには以下のjsonオブジェクトが含まれています:

{
 "ListPageSize": 30,
 "SearchPageSize": 15,
 "CampaignListsDefaultSortings": 
 {
 "ListType": "DRAFTS",
 "SortingSettings": 
 {
 "id": "created",
 "direction": "desc"
 }
 },
 ...
 
}

## 設定可能なプロパティ

app-config.jsonファイルでは、以下のプロパティを設定できます:

財産

概要

ListPageSize

リストページに読み込まれるアイテムの数を設定します。エディターがさらに下にスクロールすると、UIは同じ番号の次のバッチを読み込み、ロードするキャンペーンがなくなるまで続きます。 CampaignListsDefaultSortingsで設定されたソートに従って読み込みます。

SearchPageSize

検索結果に読み込まれるアイテムの数を設定します。エディターがさらにスクロールすると、UIは同じ番号の次のバッチを読み込むため、キャンペーンがもう読み込めなくなるまで無限にスクロールします。 CampaignListsDefaultSortingsで設定されたソートに従って読み込みます。

CampaignListsDefaultSortings

**リスト**ページのカラム*Drafts*、*In Progress*、*Automated*、*Scheduled*、*Sent Campaigns*のデフォルトのソートを決定します。デフォルトのソートでは複数の列を持つ配列を設定できます。詳細は「[例スキーマ](https://doc.sitecore.com/xp/ja/developers/exm/103/email-experience-manager/configuring-the-exm-user-interface.html#UUID-629b328e-8642-d51d-b3aa-4a10015278e5_section-idm4640490348414432376540394307)」を参照してください。

## デフォルトのソートの例スキーマ

デフォルトのソートスキーマを設定する際:

-   列名を示すには id を使います。
-   directionを使って、ソートを降順(desc)か昇順(asc)にするかを示します。
-   セクションの最後の項目の後にコンマは使わないでください。浮動カンマはUIが変更を読み込みません。
-   配列内の列の順序がUIのソート順序を決定します。

以下のコードは、CampaignListDefaultSortingsプロパティをデフォルトのソートで複数列に設定する方法の例です。

{
 "$schema": "http://json-schema.org/draft-04/schema#",
 "type": "object",
 "properties": {
 "ListPageSize": {
 "type": "integer"
 },
 "SearchPageSize": {
 "type": "integer"
 },
 "CampaignListsDefaultSortings": {
 "type": "array",
 "items": 
 {
 "type": "object",
 "properties": {
 "ListType": {
 "type": "string"
 },
 "SortingSettings": {
 "type": "array",
 "items": 
 {
 "type": "object",
 "properties": {
 "id": {
 "type": "string"
 },
 "direction": {
 "type": "string"
 }
 },
 "required": 
 "id",
 "direction"
 
 }
 
 }
 },
 "required": 
 "ListType",
 "SortingSettings"
 
 }
 
 }
 }
}