[AEM Forms]{class="badge positive" title="AEM Formsに適用)。"}
サイトページでのフォームの一覧表示
口座開設フォームを検索して銀行のweb サイトを訪問したユーザーを想像してみてください。 同行では、Forms Portal コンポーネントを使用して、利用者が特定のキーワードを入力したり、「新規アカウント」や「個人バンキング」などのカテゴリで絞り込んだりして、フォームをすばやく見つけられるようにしています。また、利用者は長いリストをスクロールしなくても、目的のフォームを簡単に見つけることができます。
Forms ポータルの検索とリスター コンポーネントを使用すると、Sites ページにフォームを表示して一覧表示できます。 利用者は、特定の基準にもとづいてフォームの包括的なリストを設定し、組織の要件を満たすことができます。 匿名ユーザーは、サイトページにアクセスして、使用可能なフォームを表示および参照できます。 リストされたフォームは、画面の右上隅にある「並べ替え」ドロップダウンオプションを使用して、昇順または降順で並べ替えることができます。
サイトページでのフォームの一覧表示
Search & Lister ポータル コンポーネントをSites ページに追加するには、次の手順を実行します。
-
AEM Sites ページを 編集 モードで開きます。
-
ページ情報 / テンプレートを編集に移動します
-
ポリシーをクリックし、[AEM アーキタイププロジェクト名] - Forms and Communications Portalの下の検索とリスター チェックボックスを選択します。
-
「完了」をクリックします。
-
オーサリングモードで AEM Sites ページを再度開きます。
-
ページエディター内で、フォームポータルコンポーネントを追加できるセクションを見つけます。
-
追加アイコンをクリックします。 アイコンはプラス記号(+)で、新しいコンポーネントを追加するオプションを示します。
追加アイコンをクリックすると、新規コンポーネントを挿入ダイアログボックスが表示され、挿入する様々なコンポーネントが表示されます。
note NOTE または、コンポーネントをドラッグ&ドロップすることもできます。 -
ダイアログボックスで使用可能なコンポーネントを参照し、リストから目的のコンポーネントを選択します。 例えば、リストから検索とリスター コンポーネントを選択して、検索とリスター Forms ポータル コンポーネントを追加します。
次に、検索とLister コンポーネントのプロパティを設定します。
検索およびリスターコンポーネントのプロパティについて
シームレスなユーザーエクスペリエンスを実現するために、設定ダイアログを使用して、検索とLister コンポーネントのプロパティを簡単にカスタマイズできます。 設定するには、コンポーネントを選択してから
「表示」タブ
- タイトル で、検索とリスターコンポーネントのタイトルを指定します。 わかりやすいタイトルを使用すると、ユーザーはフォームのリスト全体でクイック検索を実行できます。
- レイアウト リストから、カードまたはリスト形式のフォームを表すレイアウトを選択します。
- 「検索を非表示」および「並べ替えを非表示」を選択し、検索機能と並べ替え機能を非表示にします。
- ツールヒント で、コンポーネントにカーソルを合わせたときに表示されるツールヒントを指定します。
「アセット」タブ
- 「アセットフォルダー」タブで、フォームが取り込まれ、ページに表示される場所を指定します。
- 別の場所を追加を使用すると、複数のフォルダーの場所を設定できます。
「結果」タブ
「結果」タブで、1 ページに表示するフォームの最大数を設定します。 デフォルトでは、1 ページに 8 つのフォームです。
検索とリスターコンポーネントを使用したサイトページでのフォームの表示
フォームのリストを表示するには、Search & Lister Forms Portal コンポーネントを使用します。 AEM Sites ページをプレビューすると、画面に表示されるAssets フォルダーのフォームのリストが表示されます。 検索バーを使用して特定のフォームを検索することもできます。
次の手順
次の記事では、 ドラフトとしてフォームを保存し、ドラフトと送信Forms ポータル コンポーネント を使用してSites ページにフォームを一覧表示する方法について説明します。
関連記事
関連トピック 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 アダプティブフォームを一覧表示
- アダプティブフォームへのバージョン管理、コメント、注釈の追加
- アダプティブフォームの比較