AEM forms Designer でフォームをデザインする間に、フォームの PDF レンダリングをプレビューする他に、HTML5 レンダリングでプレビューすることもできます。「HTML プレビュー」タブを使用すると、フォームがブラウザでどのように表示されるかをプレビューすることができます。

Designer での XDP フォームの HTML プレビューの有効化

Designer での XDP フォームの HTML プレビューの生成を有効にするには、次の設定を行います。

  • Apache Sling Authentication Service の設定
  • AEM forms サーバーの詳細の指定

Apache Sling Authentication Service の設定

  1. OSGi で実行されている AEM forms の場合は http://[サーバー]:[ポート]/system/console/configMgr に、または JEE 上で実行されている AEM forms の場合は http://[サーバー]:[ポート]/lc/system/console/configMgr に移動します。

  2. Apache Sling Authentication Service 設定を探してクリックし、編集モードで開きます。

  3. 匿名アクセスを許可を有効にします。

  4. AEM forms を OSGi または JEE のどちらで実行しているかにより、Authentication Requirements フィールドで
    以下を追加します。

    • JEE での AEM forms
      • -/content/xfaforms
      • -/etc/clientlibs
    • OSGi での AEM forms
      • -/content/xfaforms
      • -/etc/clientlibs/xfaforms
  5. Save」をクリックして設定を保存します。

AEM forms サーバーの詳細の指定

  1. Designer で、ツールオプションに移動します。

  2. オプションウィンドウで「Server Options」ページを選択し、次の詳細を提供して「OK」をクリックします。

    • Server URL:AEM forms サーバーの URL。
    • HTTP port number:AEM サーバーポート。デフォルト値は 4502 です。
    • HTML Preview Context:XFA フォームのレンダリングに使用するプロファイルのパス。Designer でのフォームのプレビューには、次のプロファイルがデフォルトで使用されています。ただし、カスタムプロファイルへのパスを指定することもできます。
      • /content/xfaforms/profiles/default.html (OSGi での AEM forms)
      • /lc/content/xfaforms/profiles/default.html (JEE での AEM forms)
    • Forms Manager コンテキスト: Forms Manager UI がデプロイされるコンテキストパス。デフォルト値は次のとおりです。
      • /aem/forms (OSGi での AEM forms)
      • /lc/forms (JEE での AEM forms)

    注:サーバーが起動および実行されていることを確認してくださいHTML プレビューは、プレビューを生成するために CRX サーバーに接続します。

    AEM forms Designer のオプション
    AEM forms Designer のオプション

  3. フォームを HTML でプレビューするには、「HTML プレビュー」タブをクリックします。

    注意:

    「HTML Preview」タブが閉じている場合は、F4 を押して「Preview HTML」を開けます。 また、表示メニューから「Preview HTML」を選択して、「Preview HTML」タブを開けることもできます。

    注意:

    HTML プレビューは PDF ドキュメントをサポートしていません。HTML プレビューは XDP ドキュメント専用です。

サンプルデータを使用してフォームをプレビューするには

Designer では、サンプル XML データを使用してフォームをプレビューおよびテストすることができます。フォームが正しくレンダリングされるよう、フォームをサンプルデータで頻繁にテストすることをお勧めします。

サンプルデータがない場合には、Designer で自動生成するか、または独自に作成することができます。(フォームのプレビュー用にサンプルデータを自動生成するにはおよびフォームをプレビューするためのサンプルデータを作成するにはを参照してください。)

サンプルデータソースを使用してフォームをテストすると、データとフィールドがマップされていること、および繰り返しサブフォームが指定どおりに繰り返されることを確認できます。各オブジェクトに結合されたデータを表示するにあたり適切なスペースが確保された、バランスのよいフォームレイアウトを作成できます。

  1. ファイル/フォームのプロパティを選択します。

  2. プレビュー」タブをクリックし、「データファイル」ボックスに、テストデータファイルへの完全なパスを入力します。参照ボタンを使用してファイルを指定することもできます。

  3. OK」をクリックします。次回に「HTML プレビュー」タブでフォームをプレビューするときには、それぞれのオブジェクトにサンプル XML ファイルからのデータ値が表示されます。

リポジトリにあるフォームのプレビュー

AEM forms では、リポジトリにあるフォームやドキュメントをプレビューすることができます。プレビューを使用すると、エンドユーザーによって使用される際にどのように見え、作動するのかを明確に理解できます。

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

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