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

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

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

検索とリスターアイコン

前提条件

Forms ポータルコンポーネントの様々な機能を調べる前に、お使いの環境でコアコンポーネントが有効になっていることを確認してください。 お使いの環境でコアコンポーネントを有効にする方法について詳しくは、 ここをクリックしてください。

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

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

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

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

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

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

    ポリシーの選択

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

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

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

  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