統一インターフェイス アプリでカスタム グリッドとリストのプロパティを構成する
統一インターフェイス フレームワークは、応答性を高める設計原則を使用して、すべての画面サイズまたは表示方向に最適な表示および対話型エクスペリエンスを提供します。 統一インターフェイス フレームワークを使用するカスタム ビジネス アプリでは、グリッド (ビュー) コントロールは敏感に反応します。 コンテナのサイズが小さくなると—たとえば、電話およびより小さいビューポート上では—、グリッドがリストに変換されます。
読み取り専用グリッド コントロールは、異なる画面サイズにグリッドがリフローする方法を指定します。 アプリ作成者として、 統一インターフェイス アプリで作業する場合、カスタムのグリッドおよびリストに対して、読み取り専用グリッドのコントロールとそのプロパティを構成することができます。
- カード フォームのプロパティ: 既定のリスト テンプレートではなくリストに対して、カード フォームを使用します。 カード フォームは、既定のテンプレートよりも、リスト項目に対してより多くの情報を提供します。
- リフロー動作プロパティ: このパラメーターを使用して、リストにリフローする、またはリフローしないグリッドを指定します。
グリッドのリストへのリフローを可能にする
読み取り専用グリッドのコントロールをコントロール一覧に追加すると、次の機能の構成が可能になります。
- モバイルなどの小さい画面上のリストへのグリッドのリフローを可能にします。
- レンダリング モードをグリッドのみまたはリストのみとして指定します。
ソリューション エクスプローラーを開きます。
ナビゲーション ウィンドウでエンティティを展開して、適切なエンティティ (取引先企業または取引先担当者など) を選択してから、コントロール タブで、コントロールの追加を選択します。
コントロールのリストから読み取り専用グリッドを選択してから、追加を選択します。
コントロールが使用可能なコントロールのリストに追加されます。
グリッドを読み取り専用にする対象のデバイス (Web、電話、またはタブレット PC) を選択します。
カード フォームプロパティを構成します。
カード フォームのプロパティを使用して、既定のリスト テンプレートではなく、リスト アイテムを表示できます。 カード フォームは、既定のテンプレートよりも、リスト アイテムに対してより多くの情報を提供します。
a. カード フォームの横にある鉛筆アイコンを選択します。
b. エンティティとカード フォームの種類を選択します。
c. OK を選択します。
リフロー動作プロパティを構成します。
a. リフロー動作の横にある鉛筆アイコンを選択します。
b. 静的オプションにバインドドロップ ダウンからグリッド フローの種類を選択します。
フローの種類 内容 リフロー 十分な表示領域がない場合に応じて、グリッドがリスト モードで表示されるようにします。 グリッドのみ 十分な表示領域がない場合でも、グリッドのリストへのリフローを制限します。 リストのみ グリッドとして表示するための十分な領域のある場合でも、リストとしてのみ表示します。 c. OK を選択します。
変更を保存して公開します。
条件付き画像
JavaScript を使用することによって、リストの値の代わりにユーザー定義アイコンを表示できるし、列の値に基づいてそれらを選択するために使用するロジックを設定できます。 条件付き画像の詳細については、「リスト ビューの値ではなくユーザー定義アイコンの表示」を参照してください。