[AEM Forms]{class="badge positive" title="AEM Formsに適用)。"}

自動生成されたレコードのドキュメントのテンプレートのカスタマイズ

この記事 コアコンポーネント基盤コンポーネント ベースのアダプティブForms の両方に適用されます。

アダプティブフォーム用にレコードのドキュメント(DoR)を自動生成すると、AEM Formsはフォーム構造に基づいてデフォルトのテンプレートを作成します。 組織のブランディングおよびレイアウトの要件に合わせて、この自動生成テンプレートをカスタマイズできます。

カスタマイズワークフローには、次の 3 つの手順が含まれます。

  1. 自動生成された DoR テンプレートをForms Manager からダウンロードします。
  2. Adobe Forms Designerを使用してテンプレートを変更します。
  3. カスタマイズしたテンプレートをAEM Formsに再アップロードし、カスタムテンプレートとして設定します。

前提条件 prerequisites

開始する前に、次の点を確認します。

  • テンプレートのダウンロードとアップロードの権限があるAEM Forms Manager にアクセスします。
  • Adobe Forms Designerがローカルマシンにインストールされている。
  • レコードのドキュメントを生成 が有効になっているアダプティブフォーム。

手順 1:自動生成された DoR テンプレートのダウンロード download-auto-generated-dor-template

自動生成された DoR テンプレート(XDP ファイル)をアダプティブフォームにダウンロードするには、次の手順を実行します。

  1. AEM Forms オーサーインスタンスにログインします。
  2. Forms / Formsとドキュメント に移動します。
  3. DoR テンプレートをダウンロードするアダプティブフォームを選択します。
  4. 選択したアダプティブフォームのプロパティを開きます。
  5. プロパティパネルで、「レコードのドキュメントをダウンロード」オプションを選択して、自動生成された DoR テンプレート(XDP ファイル)をダウンロードします。
  6. ダウンロードした XDP ファイルをローカルマシンに保存します。

手順 2:Adobe Forms Designerを使用してテンプレートをカスタマイズする customize-template-using-designer

ダウンロードした XDP テンプレートをAdobe Forms Designerで開き、組織のニーズに合わせて変更します。

  1. ダウンロードした XDP ファイルを Adobe Forms Designer で開きます。

  2. 必要に応じてテンプレートをカスタマイズします。 カスタマイズの例を次に示します。

    • 複数のマスターページ:追加のマスターページを追加して、レコードのドキュメントの特定のページに対して異なるレイアウトを定義します。 例えば、会社のレターヘッドを持つ明確に区別できる最初のページと、よりシンプルなレイアウトを持つ後続のページを使用します。
    • フォントカラーとフォントファミリー:フォントカラー、サイズ、ファミリーを企業のブランドガイドラインに合わせて変更します。
    • カスタム要素:会社のロゴ、ヘッダー、フッター、免責事項テキストなどの要素を追加して、一貫性のあるブランドアイデンティティを確立します。
    • ページレイアウトとスタイル設定:読みやすいように余白、間隔およびページ構造全体を調整します。
    • フィールドのスタイルと配置:フォームフィールドの外観と位置を希望のレイアウトに合わせて変更します。
  3. カスタマイズした XDP テンプレートを保存します。

NOTE
テンプレート内に存在するスクリプトは、削除または変更しないでください。 スクリプトを変更すると、データバインディングとレコードのドキュメントの生成に影響を与える可能性があります。

手順 3:カスタマイズしたテンプレートをAEMに再アップロード reupload-customized-template

テンプレートをカスタマイズした後、それをAEM Formsにアップロードし、アダプティブフォームを設定して使用します。

  1. カスタマイズした XDP テンプレートをAEM Forms インスタンスにアップロードします。

    • Forms / Formsとドキュメント に移動します。
    • 作成/ファイルのアップロード を選択し、カスタマイズした XDP ファイルをアップロードします。

次に、カスタムテンプレートを使用するようにフォームを設定します。 手順は、フォームがコアコンポーネントに基づいているか基盤コンポーネントに基づいているかによって異なります。

コアコンポーネント

コアコンポーネントに基づくアダプティブFormsの場合:

  1. カスタムテンプレートを適用するアダプティブフォームをエディターで開きます。

  2. コンテンツツリーで、ガイドコンテナ (ルートパネル)を選択します。

  3. プロパティ を開き、「レコードのドキュメント (DoR)」アイコンをクリックして、レコードのドキュメントのプロパティを開きます。

  4. 基本」タブで「テンプレート」ドロップダウンを開き、「カスタム」を選択します。

  5. アップロードされたカスタマイズ済み XDP テンプレートを参照して選択します。

  6. 保存するチェックマークを選択します。

    レコードのドキュメントのプロパティ – カスタムに設定されたテンプレート(コアコンポーネント)

基盤コンポーネント

基盤コンポーネントに基づくアダプティブFormsの場合:

  1. カスタムテンプレートを適用するアダプティブフォームをエディターで開きます。

  2. ルートパネル(フォームコンテナ)を選択します。

  3. (プロパティパネルまたは「DoR」タブから) レコードのドキュメントのプロパティ を開きます。

  4. 基本」タブで「テンプレート」ドロップダウンを開き、「カスタム」を選択します。

  5. アップロードされたカスタマイズ済み XDP テンプレートを参照して選択します。

  6. 完了」を選択して保存します。

    レコードのドキュメントのプロパティ – カスタムに設定されたテンプレート(基盤コンポーネント)

アダプティブフォームは、レコードのドキュメントを生成する際に、カスタマイズされたテンプレートを使用するようになりました。

カスタマイズされたテンプレートの検証 verify-customized-template

カスタマイズしたテンプレートが正しく適用されていることを確認するには、次の手順を実行します。

  1. アダプティブフォームのテストエントリを送信します。
  2. レコードのドキュメントの生成
  3. 生成されるPDFに、ロゴ、フォント、レイアウトの変更、その他のブランディング要素などのカスタマイズが反映されていることを確認します。

トラブルシューティング troubleshooting

問題
解決策
カスタマイズされたテンプレートはアップロードされません。
XDP ファイルが有効であり、破損していないことを確認します。 AEM Formsにファイルをアップロードするために必要な権限があることを確認します。
カスタマイズは、生成されたレコードのドキュメントには表示されません。
フォームプロパティの「レコードのドキュメントテンプレートの設定 セクションで、カスタマイズした正しいテンプレートを選択し いることを確認します。
生成されたPDFのレイアウトまたはフォーマットに関する問題。
Adobe Forms Designerのカスタマイズが ​ 基本テンプレート規則 ​ に従っていることを確認します。 すべての要素がテンプレート構造内で適切に配置されていることを確認します。

関連トピック see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab