Sites ページでのフォームの一覧表示
口座開設フォームを求めて銀行のウェブサイトにアクセスするユーザーを想像してみてください。 この銀行では、Formsポータルコンポーネントを使用して、特定のキーワードを入力したり、「新規口座」や「パーソナルバンキング」などのカテゴリでフィルタリングしたりして、フォームをすばやく見つけられるようにします。また、長いリストをスクロールしなくても、目的のフォームを簡単に見つけることができます。
Forms ポータルの 検索とリスター コンポーネントを使用すると、Sites ページにフォームを表示して一覧表示できます。 ユーザーは、組織の要件を満たすために、特定の条件に基づいてフォームの包括的なリストを設定および表示できます。 匿名ユーザーは、Sites ページにアクセスして、使用可能なフォームを表示および参照できます。 画面の右上隅にある 並べ替え ドロップダウンオプションを使用して、リストされたフォームを昇順または降順で並べ替えることができます。
前提条件
フォームポータルコンポーネントの様々な機能を探索する前に、お使いの環境でコアコンポーネントが有効になっていることを確認します。お使いの AEM Cloud Service 環境でアダプティブForms コアコンポーネントを有効にするには、最新のツールをインストールします。
最新のコアコンポーネントを環境にデプロイすると、フォームポータルコンポーネントにオーサリング環境でアクセスできます。
Sites ページでのフォームの一覧表示
検索とリスター ポータルコンポーネントを Sites ページに追加するには、次の手順を実行します。
-
AEM Sites ページを 編集 モードで開きます。
-
ページ情報/テンプレートを編集 に移動します。
-
ポリシー をクリックし、AEM アーキタイププロジェクト名 - Formsとコミュニケーションポータル [の下にある ] 検索とリスター チェックボックスを選択します。
-
「完了」をクリックします。
-
オーサリングモードで AEM Sites ページを再度開きます。
-
ページエディター内で、フォームポータルコンポーネントを追加できるセクションを見つけます。
-
追加 アイコンをクリックします。アイコンはプラス記号(+)で、新しいコンポーネントを追加するオプションを示します。
追加 アイコンをクリックすると、新規コンポーネントを挿入 ダイアログボックスが表示され、挿入する様々なコンポーネントが表示されます。
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 アダプティブフォームを一覧表示
- アダプティブフォームへのバージョン管理、コメント、注釈の追加
- アダプティブフォームの比較