Sites ページでのフォームの一覧表示
口座開設フォームを求めて銀行のウェブサイトにアクセスするユーザーを想像してみてください。 この銀行では、Formsポータルコンポーネントを使用して、特定のキーワードを入力したり、「新規口座」や「パーソナルバンキング」などのカテゴリでフィルタリングしたりして、フォームをすばやく見つけられるようにします。また、長いリストをスクロールしなくても、目的のフォームを簡単に見つけることができます。
Forms ポータルの 検索とリスター コンポーネントを使用すると、Sites ページにフォームを表示して一覧表示できます。 ユーザーは、組織の要件を満たすために、特定の条件に基づいてフォームの包括的なリストを設定および表示できます。 匿名ユーザーは、Sites ページにアクセスして、使用可能なフォームを表示および参照できます。 画面の右上隅にある 並べ替え ドロップダウンオプションを使用して、リストされたフォームを昇順または降順で並べ替えることができます。
前提条件
Forms ポータルコンポーネントの様々な機能を調べる前に、お使いの環境でコアコンポーネントが有効になっていることを確認してください。 お使いの環境でコアコンポーネントを有効にする方法について詳しくは、 ここをクリックしてください。
最新のコアコンポーネントを環境にデプロイすると、オーサリング環境でForms ポータルコンポーネントにアクセスできるようになります。
Sites ページでのフォームの一覧表示
検索とリスター ポータルコンポーネントを Sites ページに追加するには、次の手順を実行します。
-
AEM Sitesページを 編集 モードで開きます。
-
ページ情報/テンプレートを編集 に移動します。
-
ポリシー をクリックし、[AEM アーキタイププロジェクト名 ] - Formsとコミュニケーションポータル の下にある 検索とリスター チェックボックスを選択します。
-
「完了」をクリックします。
-
オーサリングモードでAEM Sitesページを再度開きます。
-
ページエディターでForms ポータルコンポーネントを追加できるセクションを見つけます。
-
追加 アイコンをクリックします。 アイコンは、新しいコンポーネントを追加するオプションを示すプラス記号(+)です。
追加 アイコンをクリックすると、新規コンポーネントの挿入 ダイアログボックスが表示され、挿入する様々なコンポーネントが表示されます。
note note NOTE または、コンポーネントをドラッグ&ドロップすることもできます。 -
ダイアログボックスで使用可能なコンポーネントを参照し、リストから目的のコンポーネントを選択します。 例えば、Search & Lister コンポーネントをリストから選択して、Search & Lister Formsポータルコンポーネントを追加します。
次に、検索とリスター コンポーネントのプロパティを設定します。
検索とリスターコンポーネントのプロパティについて
設定ダイアログを使用して 検索とリスター コンポーネントのプロパティを簡単にカスタマイズし、シームレスなユーザーエクスペリエンスを実現できます。 設定するには、コンポーネントを選択してから
「表示」タブ
- タイトル で、検索とリスターコンポーネントのタイトルを指定します。特徴的なタイトルを使用すると、ユーザーはフォームのリスト全体をすばやく検索できます。
- レイアウト リストで、フォームをカード形式またはリスト形式で表すレイアウトを選択します。
- 「検索を非表示」および「並べ替えを非表示」を選択し、検索機能と並べ替え機能を非表示にします。
- ツールヒント で、コンポーネントにカーソルを合わせたときに表示されるツールヒントを指定します。
「アセット」タブ
- 「アセットフォルダー」タブで、フォームを取得してページに一覧表示する場所を指定します。
- 別の場所を追加 を使用すると、複数のフォルダーの場所を設定できます。
「結果」タブ
「結果」タブで、1 ページに表示するフォームの最大数を設定します。デフォルトでは、1 ページに 8 つのフォームです。
検索とリスターコンポーネントを使用して、Sites ページにフォームを表示する
フォームのリストを表示するには、検索とリスター Forms ポータルコンポーネントを使用します。 AEM Sites ページをプレビューして、画面に表示される Assets フォルダーのフォームのリストを確認します。 検索バーを使用して特定のフォームを検索することもできます。
次の手順
次の記事では、 フォームをドラフトとして保存し、ドラフトと送信Forms ポータルコンポーネントを使用してサイトページに一覧表示する方法について説明します。
関連記事
関連トピック see-also
- AEM アダプティブフォームの作成
- AEM Sites ページへの AEM アダプティブフォームの追加
- AEM アダプティブフォームへテーマを適用
- AEM アダプティブフォームへコンポーネントを追加
- AEM アダプティブフォームでの Captcha の使用
- AEM アダプティブフォームの PDF バージョン(DoR)の生成
- AEM アダプティブフォームを翻訳
- フォームの使用状況を追跡するアダプティブフォームの Adobe Analytics を有効にする
- Microsoft SharePoint へアダプティブフォームを接続
- Microsoft Power Automate へアダプティブフォームを接続
- Microsoft OneDrive へアダプティブフォームを接続
- Microsoft Azure Blob Storage へアダプティブフォームを接続
- Salesforce へアダプティブフォームを接続
- AEM アダプティブフォームで Adobe Sign を使用
- アダプティブフォームの新しいロケールを追加
- データベースへアダプティブフォームデータを送信
- REST エンドポイントへアダプティブフォームデータを送信
- AEM ワークフローへアダプティブフォームデータを送信
- フォームポータルを使用して AEM web サイト上の AEM アダプティブフォームを一覧表示
- アダプティブフォームへのバージョン管理、コメント、注釈の追加
- アダプティブフォームの比較