フォームポータルでは、Web開発者にAdobe Experience Manager (AEM)を使用して作成されたWebサイトでフォームポータルを作成してカスタマイズするためのコンポーネントが支給されます。フォームポータルの概要については、「ポータル上でフォームを発行する」を参照してください。

必要条件

フォームポータルコンポーネントは、デフォルトで使用できません。次のフォームポータルコンポーネントのカテゴリが有効になっていて、AEMサイドキックで使用する準備ができていることを確認してください:

Document Servicesには、Search & Lister, リンクおよびドラフト&送信コンポーネントが含まれています。

Document Services Predicates」には、「Date Predicate」、「Full Text Predicate」、「Properties Predicate」、および「Tags Predicate」が含まれています。これらのコンポーネントは、Search & Lister コンポーネントで検索を設定するために使用されます。

上記のカテゴリーが AEM サイドキックで使用できない場合、「フォームポータルコンポーネントの有効化」を参照してください。

AEMサイドキックのフォームポータルカテゴリ
AEMサイドキックのフォームポータルカテゴリ


Search & Lister コンポーネント

Search & Lister コンポーネントは、フォームのポータルを作成し、ポータルにリストされたフォームの検索機能を実装するのに使用されます。

コンポーネントには次の2つのペインが含まれます:

  • フォームが一覧表示されるリストペイン。
  • 検索機能を追加する検索ペイン。

追加された場合、Search & Lister コンポーネントは、下記の画像のようになります。

ページ中のSearch & Lister コンポーネント
ページ中のグリッドレイアウトのSearch & Lister コンポーネント

リストペイン

リストペインはフォームが一覧表示される領域です。Search & Listerコンポーネントは、リストペインにおいてフォームの表示を制御するのに使用できるさまざまな設定オプションを提供します。

リストペインを設定するには、Search & ListerSearch & Listerコンポーネントで編集をクリックします。編集コンポーネントダイアログが開きます。

編集モードのリストペイン
編集モードのリストペイン

編集コンポーネントダイアログには、以下の表で説明されている設定オプションを提供するいくつかのタブが含まれています。終わったら、OKをクリックして、設定を保存します。

Tab 設定 詳細
アセットフォルダー 項目を追加 AEMフォームのUIを使用してアセットがアップロードされるフォルダーを設定します。デフォルトで、アップロードされたすべてのアセットがリストされます。AEM Forms の UI に関する詳細は、「フォーム管理の概要」を参照してください。

表示

タイトルテキスト Search & Listerコンポーネントのタイトルデフォルトのタイトルはフォームポータルです。
  テンプレートのレイアウト アセットのレイアウト 
  詳細検索の無効化 このオプションを有効にすると、詳細検索アイコンが非表示になります。
  テキスト検索の無効化 このオプションを有効にすると、全文検索バーが非表示になります。
結果 ページごとの結果の数 ページに表示するフォームの最大数を設定します。
  結果のテキスト

結果のテキストを設定します(例えば、1-12/601の「結果」デフォルト値は「結果」です。

例えば、このフィールドでフォームを指定し、合計601のフォームがある場合、結果のテキストは1-12/601フォームに変わります。

  ページテキスト

ページテキストを設定してください(例:1/51).デフォルト値はページです。

例えば、アプリケーションフォームを指定して、51ページある場合、ページテキストは、アプリケーションフォーム1/51に変わります。

  / テキスト

指定されたテキストの「/」という文字を設定します(ページ1/51)デフォルト値は / です。

例えば、このフィールドにout ofを指定した場合、テキストページ1out of51に変わります。

フォームリンク レンダリングタイプ 指定したレンダリングタイプに基づいて、フォームのリストをコントロールします。使用可能なオプションは「PDF」、「HTML」、および「両方」です。例えば、レンダリングタイプとしてHTMLを指定したばあ、PDFフォームが除外されます。
  HTML プロファイル レンダリングに使用されるHTMLプロファイルを設定します。使用可能なすべてのプロファイルがドロップダウンリストに一覧表示されます。
  送信 URL

フォームデータが送信されるサーブレットを設定します。

注意:フォームの送信URLは、複数の場所で指定でき、その優先順位は以下の通りです:

  1. 優先順位が最も高いのは、フォームに埋め込まれている送信URL(送信ボタン)です。
  2. 2番目に優先順位が高いのは、AEMフォームUIで説明している送信URLです。
  3. 一番優先順位が引くのが、フォームポータルで説明している送信URLです。
  HTMLレンダリングアクションのツールチップ (HTML5のアイコン)の上にマウスを置くと表示されるツールチップのテキストを設定します。
  PDFレンダリングアクションのツールチップ (PDF のアイコン)の上にマウスのポインターを置くと表示されるツールチップのテキストを設定します。
スタイル スタイルタイプ フォームのリスト表示のために、書式なし、デフォルトスタイル、またはカスタムスタイルを指定できます。
  カスタムスタイルパス スタイルタイプとして「カスタム」を選択した場合、カスタム CSS へのパスを参照して指定します。そうでない場合、「デフォルト」を選択します。

検索ペイン

検索ペインでは、サイドキックの「Document Services Predicates」カテゴリから、「Date Predicate」、「Full Text Predicate」、「Properties Predicate」、および「Tags Predicate」コンポーネントを追加することができます。これらのコンポーネントは、一覧表示されるフォームに対してユーザーが検索を実行するための検索機能を実装します。

チップ:フォームポータルに表示されるフォームのリストを既定の条件に基づいて制御し、エンドユーザーに対して検索機能を非表示にできます。フォームのリストを制御するには、検索フィルターを適用するためにPredicateコンポーネントを使用します。ディフォルトフィルター値を指定して、コンポーネントを編集ダイアログの「表示」タブで検索を無効にすることもできます。

日付、フルテキスト、プロパティ、およびTags Predicate付きの検索パネル
日付、フルテキスト、プロパティ、およびTags Predicate付きの検索パネル


Date Predicate

Date Predicate コンポーネントが追加されている場合、一覧表示されたフォームに対して指定された期間に変更されたフォームを検索できます。

Date Predicate コンポーネントを構成するには、次の手順を実行します。

  1. コンポーネントを右クリックし、「編集」をクリックします。
  2. 次の内容を指定します。
    • タイプ:使用できるオプションは「最終変更日」のみです。
    • テキスト:Date Predicateコンポーネントのラベルまたはキャプションです。デフォルト値は「最終変更日」です。
    • 開始日のラベル:開始日フィールドのラベルまたはキャプションです。
    • 終了日のラベル:終了日フィールドのラベルまたはキャプションです。
    • 非表示:デフォルトの日付フィルターを適用してフォームを一覧表示します。
  3. [OK] をクリックします。

Full Text Predicate

Full Text Predicate コンポーネントはフォームデータに対する名前や説明などのフルテキスト検索を実装します。ユーザーは、名前や説明にテキストを含む戻りフォームへのテキスト文字列を検索できます。

Full Text Predicate コンポーネントを構成するには、次の手順を実行します。

  1. コンポーネントを右クリックし、編集をクリックします。
  2. 「メインタイトル」フィールドにタイトルを指定します。
  3. OKをクリックします。

Properties Predicate

Properties Predicateコンポーネントは、フォームプロパティ(タイトル、作成者および説明など)に基づいたフォームの検索機能を実装します。

Properties Predicate コンポーネントを構成するには、次の手順を実行します。

  1. コンポーネントを右クリックし、編集をクリックします。
  2. 「全般」タブで、検索ラベルを指定します。デフォルト値は、プロパティです。
  3. 「オプション」タブで、「アイテムの追加」をクリックします。
  4. ドロップダウンリストからプロパティを選択し、ドロップダウンリストの下のフィールドでプロパティの検索ラベルを指定します。
  5. 手順 4 を繰り返してさらにプロパティを追加します。デフォルトのフィルター値を指定して、指定の条件に基づいてフォームをリスト表示したり、エンドユーザーごとに検索のプロパティを非表示にしたりできます。プロパティの「非表示」チェックボックスを選択し、デフォルトフィルター値を指定します。
    例えば、タイトルに「Travel」という文字を含むフォームを表示するには、「タイトル」プロパティ横の「非表示」を選択します。さらに、デフォルトフィルター値のテキストボックスで「Travel」と指定します。
  6. [OK] をクリックします。

Tags Predicate

Tags Predicate コンポーネントは、Forms Manager で定義されているタグに基づいたフォームの検索機能を実装します。

Tags Predicate コンポーネントを構成するには、次の手順を実行します。

  1. コンポーネントを右クリックし、「編集」をクリックします。
  2. 「タグ」フィールド横の下向き矢印ボタンをクリックします。
  3. 適切なタグを選択します。
  4. [OK] をクリックします。
選択したタグが、選択のためのチェックボックスと一緒に検索ペインに表示されます。ユーザーはこのタグに基づいて検索を絞り込めるようになります。

ページ上でフォームを一覧表示

ページ上でフォームを一覧表示するには、そのページにSearch & Listerコンポーネントを追加し、リストペインを設定します。エンドユーザーが、日付、テキスト、およびタグでフォームを検索できるようにするには、検索ペインコンポーネントを追加します。

ページ上の任意の場所からフォームにリンクするには、リンクコンポーネントを使用します。リンクコンポーネントについての詳細は、「ページ内のリンクコンポーネントの埋め込み」を参照してください。

ドラフト状態で、既に送信済みのフォームをリストするには、「ドラフト&送信」コンポーネントを使用します。詳しくは、「ドラフト・送信コンポーネントのカスタマイズ」を参照してください。

モバイルデバイスへの適合性

フォームポータルのSearch & Listerコンポーネントは、モバイルデバイスフレンドリーで、デバイスに適応します。3つすべてのデフォルトビュー:グリッド、カード、パネルは、ウェブページにも適応するという事実を踏まえて、デバイスに応じて再レイアウトされます。明らかな事実は、Search & Listerはコンポーネントのみで、ページレベルのスタイリングは適用しません。

次の画像は、モバイルデバイス上で開いた場合、Search & Listerコンポーネントを示します。

Search & Listerコンポーネントのスクリーンショット
Search & Listerコンポーネント

フォームポータルページのカスタマイズ

フォームポータルページをカスタマイズすることで、特徴のある外観にすることができます。また、メタデータを追加することで、検索機能の改善、ページのレイアウト変更、およびカスタムCCSスタイルの追加を行うこともできます。詳しくは、「フォームポータル用テンプレートのカスタマイズ」を参照してください。

AEMフォームUIでは、カスタムメタデータをフォームに追加することができます。カスタムメタデータは、エンドユーザーに対してフォームの展開・検索機能を提供するのに役に立ちます。詳しくは、「フォームポータルコンポーネント用テンプレートのカスタマイズ」を参照してください。

フォームポータルは、デフォルトでレンダリングアクションを提供します。フォームポータルをカスタマイズして、他のオプションを追加することもできます。詳しくは、「フォームリスター項目にカスタムアクションボタンを追加する」を参照してください。

本作品は Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License によってライセンス許可を受けています。  Twitter™ および Facebook の投稿には、Creative Commons の規約内容は適用されません。

法律上の注意   |   プライバシーポリシー