Sites ページでのフォームの一覧表示

口座開設フォームを求めて銀行のウェブサイトにアクセスするユーザーを想像してみてください。 この銀行では、Formsポータルコンポーネントを使用して、特定のキーワードを入力したり、「新規口座」や「パーソナルバンキング」などのカテゴリでフィルタリングしたりして、フォームをすばやく見つけられるようにします。また、長いリストをスクロールしなくても、目的のフォームを簡単に見つけることができます。

Forms ポータルの 検索とリスター コンポーネントを使用すると、Sites ページにフォームを表示して一覧表示できます。 ユーザーは、組織の要件を満たすために、特定の条件に基づいてフォームの包括的なリストを設定および表示できます。 匿名ユーザーは、Sites ページにアクセスして、使用可能なフォームを表示および参照できます。 画面の右上隅にある 並べ替え ドロップダウンオプションを使用して、リストされたフォームを昇順または降順で並べ替えることができます。

検索とリスターアイコン

前提条件

フォームポータルコンポーネントの様々な機能を探索する前に、お使いの環境でコアコンポーネントが有効になっていることを確認します。お使いの AEM Cloud Service 環境でアダプティブForms コアコンポーネントを有効にするには、最新のツールをインストールします。

最新のコアコンポーネントを環境にデプロイすると、フォームポータルコンポーネントにオーサリング環境でアクセスできます。

Sites ページでのフォームの一覧表示

検索とリスター ポータルコンポーネントを Sites ページに追加するには、次の手順を実行します。

  1. AEM Sites ページを​ 編集 ​モードで開きます。

  2. ページ情報テンプレートを編集 ​に移動します。
    テンプレートポリシーの編集

  3. ポリシー をクリックし、AEM アーキタイププロジェクト名 - Formsとコミュニケーションポータル [の下にある ] 検索とリスター チェックボックスを選択します。

    ポリシーの選択

  4. 完了」をクリックします。

  5. オーサリングモードで AEM Sites ページを再度開きます。

  6. ページエディター内で、フォームポータルコンポーネントを追加できるセクションを見つけます。

  7. 追加 ​アイコンをクリックします。アイコンはプラス記号(+)で、新しいコンポーネントを追加するオプションを示します。

    追加 ​アイコンをクリックすると、新規コンポーネントを挿入 ​ダイアログボックスが表示され、挿入する様々なコンポーネントが表示されます。

    note note
    NOTE
    または、コンポーネントをドラッグ&ドロップすることもできます。
  8. ダイアログボックスで使用可能なコンポーネントを参照し、リストから目的のコンポーネントを選択します。例えば、Search & Lister コンポーネントをリストから選択して、Search & Lister Formsポータルコンポーネントを追加します。

    Search Lister コンポーネント

次に、検索とリスター コンポーネントのプロパティを設定します。

検索とリスターコンポーネントのプロパティについて

設定ダイアログを使用して 検索とリスター コンポーネントのプロパティを簡単にカスタマイズし、シームレスなユーザーエクスペリエンスを実現できます。 設定するには、コンポーネントを選択してから 設定アイコン をクリックします。検索とリスター ダイアログが開きます。

「表示」タブ

「表示」タブ

  1. タイトル で、検索とリスターコンポーネントのタイトルを指定します。特徴的なタイトルを使用すると、ユーザーはフォームのリスト全体をすばやく検索できます。
  2. レイアウト リストで、フォームをカード形式またはリスト形式で表すレイアウトを選択します。
  3. 検索を非表示」および「並べ替えを非表示」を選択し、検索機能と並べ替え機能を非表示にします。
  4. ツールヒント で、コンポーネントにカーソルを合わせたときに表示されるツールヒントを指定します。

「アセット」タブ

「アセット」タブ

  1. アセットフォルダー」タブで、フォームを取得してページに一覧表示する場所を指定します。
  2. 別の場所を追加 を使用すると、複数のフォルダーの場所を設定できます。

「結果」タブ

「表示」タブ

結果」タブで、1 ページに表示するフォームの最大数を設定します。デフォルトでは、1 ページに 8 つのフォームです。

検索とリスターコンポーネントを使用して、Sites ページにフォームを表示する

フォームのリストを表示するには、検索とリスター Forms ポータルコンポーネントを使用します。 AEM Sites ページをプレビューして、画面に表示される Assets フォルダーのフォームのリストを確認します。 検索バーを使用して特定のフォームを検索することもできます。

検索とリスターアイコン

次の手順

次の記事では、​ フォームをドラフトとして保存し、ドラフトと送信Forms ポータルコンポーネントを使用してサイトページに一覧表示する方法 ​ について説明します。

関連記事

関連トピック see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab