アダプティブフォームを使用すると、魅力的でレスポンシブ、かつ動的でアダプティブなフォームを作成できます。AEM Forms は、アダプティブ Forms を素早くオーサリングするための、ビジネスユーザーにとってわかりやすいウィザードを提供します。 このウィザードはクイックタブナビゲーションを備えており、アダプティブフォームを作成するための事前設定済みのテンプレート、スタイル設定、フィールド、送信オプションを簡単に選択することができます。
アダプティブフォームを作成するには、以下が必要です。
アダプティブフォームテンプレート:テンプレートは基本構造を提供し、アダプティブフォームのアピアランス(レイアウトとスタイル)を定義します。これには、特定のプロパティやコンテンツ構造を有するフォーマット済みのコンポーネントが含まれます。また、テーマと送信アクションを定義するオプションも提供されます。 テーマは、ルックアンドフィールと送信アクションを定義し、アダプティブフォームの送信時に実行するアクションを定義します。 例えば、収集したデータをデータソースに送信する場合などです。 Cloud Service は、2 種類のテンプレートをサポートしています。
アダプティブフォームのテーマ:テーマには、コンポーネントとパネル向けのスタイル設定の詳細が含まれます。 スタイルには、背景カラー、ステートカラー、透明度、配置、サイズなどのプロパティが含まれます。テーマを適用すると、指定したスタイルが対応するコンポーネントに反映されます。新しいテーマを作成するまたは既存のテーマを読み込むことができます。一部のサンプル テーマでは、最新のアーキタイプをデプロイすることもできます。
権限:ユーザーを forms-users に追加し、アダプティブフォームを作成するための権限をユーザーに付与します。フォーム専用のユーザーグループの詳細なリストについては、グループと権限を参照してください。
Experience Manager Forms オーサーインスタンスにアクセスします。Cloud インスタンスまたはローカル開発インスタンスの場合があります。
Experience Manager のログインページに資格情報を入力します。
ログイン後、左上隅の Adobe Experience Manager/フォーム/フォームとドキュメントをタップします。
「作成」をタップして、「アダプティブフォーム」を選択します。ウィザードが開きます。
ソースタブで、テンプレートを選択します。
編集可能なテンプレートを選択すると、テンプレートで指定されたテーマと送信アクションが自動的に選択され、「作成」ボタンが有効になります。「スタイル」または「送信」タブを使用して、別のテーマや送信アクションを選択することができます。 選択した編集可能テンプレートでテーマが指定されていない場合、作成ボタンは無効のままです。 「スタイル」タブに進み、テーマを手動で選択することができます。
アダプティブフォームエディターを使用して、レコードのドキュメントテンプレートを作成することもできます。詳しくは、「アダプティブフォームエディターでのレコードのドキュメントのサポート」を参照してください。
静的テンプレートを選択すると、データ、スタイル、送信、配信、プレビューの各オプションは使用できなくなります。 新しいアダプティブフォームを作成する場合は、編集可能なテンプレートを使用することをお勧めします。
「スタイル」タブで、テーマを選択します。
(オプション)「データ」タブで、データモデルを選択します。
デフォルトでは、データモデルのすべてのフィールドが選択されます。 アダプティブフォームを作成すると、選択したすべてのデータモデルフィールドが、対応するアダプティブフォームのコンポーネントに変換されます。 ウィザードには、アダプティブフォームに含める必要のあるフィールドのみを選択するチェックボックスが表示されます。
「送信」タブで、送信アクションを選択します。
テンプレートを選択すると、テンプレートで指定された送信アクションが自動選択されます。 「送信」タブから、別の送信アクションを選択することができます。 「送信」タブには、使用可能なすべての送信アクションが表示されます。
選択したテンプレートで送信アクションが指定されていない場合は、「送信」タブを使用して送信アクションを選択することができます。
(オプション)「配信」タブで、アダプティブフォームの公開日または非公開日を指定することができます。
「作成」をタップします。アダプティブフォームを保存するためのタイトル、名前および場所を指定するためのダイアログが表示されます。
/content/dam/formsanddocuments
に直接保存することができます。または、/content/dam/formsanddocuments/adaptiveforms
などのフォルダーを作成して、アダプティブフォームを保存することができます。フォルダーをパスで使用する前に、必ずフォルダーを作成してください。 「パス」フィールドでは、フォルダーは自動的には作成されません。「作成」をタップします。アダプティブフォームが作成され、アダプティブフォームエディターで開かれます。 エディターに、テンプレートで使用可能なコンテンツが表示されます。 新しく作成されたフォームを必要に応じてカスタマイズするためのサイドバーも表示されます。
アダプティブフォームのタイプに応じて、関連する JSON スキーマまたはフォームデータモデルに存在するフォーム要素が、サイドバーのコンテンツブラウザの「データモデルオブジェクト」タブに表示されます。これらの要素もアドラッグ&ドロップしてダプティブフォームを作成できます。
アダプティブフォーム(JSON ベースまたはフォームデータモデル)のフォームモデルを変更することができます。フォームモデルを別のフォームモデルに変更することはできません。
アダプティブフォームを選択し、「プロパティ」アイコンをタップします。
「フォームモデル」タブを開き、以下のいずれかを実行します。
「保存」をタップして、プロパティを保存します。
アダプティブフォームエディターまたはアダプティブフォームテンプレートエディターから、フォームモデルプロパティを変更することもできます。
アダプティブフォームコンテナ(ルート)コンポーネントを選択します。
アイコンをクリックして、アダプティブフォームコンテナのプロパティを開きます。
「データモデル」タブを選択し、以下のいずれかを実行します。
「」をタップして、プロパティを保存します。