ウィザード
このパネルレイアウトを使用すると、フォーム上にガイド付きのナビゲーションが提供できます。例えば、ユーザーを 1 手順ずつガイドしながらフォーム内の必須情報を取得したい場合、このレイアウトを使用します。
パネル内に 1 手順ずつのナビゲーションを用意するには、アダプティブフォームのパネル コンポーネントを使用します。このレイアウトを使用すると、現在の手順を完了しない限りユーザーは次の手順に進めません。
window.guideBridge.validate([], this.panel.navigationContext.currentItem.somExpression)
アコーディオン
このレイアウトを使用すると、アコーディオンスタイルのナビゲーションを備えたパネルに アダプティブフォームのパネル コンポーネントを配置できます。また、このレイアウトを使用すると、繰り返し可能なパネルを作成できます。繰り返し可能なパネルを使用すれば、必要に応じて動的にパネルを追加したり削除することができます。パネルの繰り返しの最小数、最大数を定義することができます。また、パネル内の項目に入力される情報に応じて動的にパネルのタイトルを決定することができます。
最小化したパネルのタイトルにユーザーが提供した値を表示するために、サマリ式を使用することができます。
タブ付きレイアウト - タブを左側に表示
このレイアウトを使用すると、タブ付きナビゲーションのパネルに アダプティブフォームのパネル コンポーネントを配置できます。タブはパネルコンテンツの左側に配置されます。
パネルの左側にタブ表示
タブ付きレイアウト - タブを上部に表示
このレイアウトを使用すると、タブ付きナビゲーションのパネルに アダプティブフォームのパネル コンポーネントを配置できます。タブはパネルコンテンツの上に配置されます。
モバイルレイアウト
モバイルレイアウトはモバイルデバイスの比較的小さい画面で、ユーザーが容易にナビゲーションできるようにします。モバイルレイアウトでは、フォームのナビゲーションにタブ付きスタイルまたはウィザードスタイルを使用します。モバイルレイアウトを適用するとフォーム全体を単一のレイアウトで表示します。
このレイアウトでは、ナビゲーションバーとナビゲーションメニューを使用してナビゲーションをコントロールします。ナビゲーションバーで、進む と 戻る のナビゲーションステップはそれぞれ < と > のアイコンで示されます。
モバイルレイアウトは/libs/fd/af/layouts/mobile/
から使用できます。アダプティブフォームではデフォルトで次のモバイルレイアウトを使用できます。
「レスポンシブレイアウトのナビゲート可能なアイテムをモバイルメニューに追加」オプションを選択して、モバイルレイアウトのパネルで使用できるナビゲート可能なオプションを表示します。ナビゲート可能なオプションは、パネルに対して「レスポンシブ」レイアウトを選択した場合にのみ表示されます。
モバイルレイアウトを使用する場合、
フォームのヘッダーにパネルタイトルを表示するレイアウト
レイアウトの名称の通り、このレイアウトはナビゲーションメニューおよびナビゲーションバーと併せてパネルのタイトルを表示します。また、このレイアウトではナビゲーションに「進む」アイコンと「戻る」アイコンを使用します。
フォームのヘッダー部分にパネルタイトルを表示しないレイアウト
レイアウトの名称の通り、このレイアウトはナビゲーションメニューおよびナビゲーションバーのみ表示し、パネルのタイトルは表示しません。また、このレイアウトではナビゲーションに「進む」アイコンと「戻る」アイコンを使用します。
関連トピック
- 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 アダプティブフォームを一覧表示
- アダプティブフォームへのバージョン管理、コメント、注釈の追加
- アダプティブフォームの比較