アダプティブフォームのエラーメッセージのレイアウトと位置のカスタマイズ customize-layout-and-positioning-of-error-messages-of-an-adaptive-form

でフォームを開きます。 スタイル モード。 スタイルモードでフォームを開くには、ページツールバーで ／スタイル ​をタップしてください。

フォームオブジェクト ​の下のサイドバーで、フィールドを選択し、編集ボタン をタップしてください。

カスタマイズするフィールドの状態を選択し、その状態のスタイル設定を指定します。

フォームを編集モードで開きます。

編集モードで、コンポーネントを選択し、 ／アダプティブフォームコンテナ ​をタップしてから、 をタップします。

アダプティブフォームテーマのサイドバーで、テーマエディターを使用して作成したテーマを選択します。

CRXDE Lite を開きます。デフォルトの URL は https://[Server]:[Port]/crx/de です。

/libs/fd/af/layouts/field ノード（例えば、defaultFieldLayout）から/apps ノード（例えば、/apps/af-field-layout）にフィールドレイアウトをコピーします。

コピーしたノードと defaultFieldLayout.jsp ファイルの名前を変更します。 例えば、errorOnRight.jsp。

コピーしたノードの qtip および jcr:description プロパティの値を変更します。例えば、プロパティの値を「Error On Right」に変更します。

新しいスタイルや動作を追加するには、/etc ノードにクライアントライブラリを作成します。

例えば、/etc/af-field-layout-clientlib の場所で、ノード client-library を作成します。 値 af.field.errorOnRight を持つカテゴリプロパティと次のコードを持つ style.less ファイルを追加します。

.widgetErrorWrapper {

 height: 38px;
 margin: 5px;

 .guideFieldWidget{
 width: 60%;
 float: left;
 }

 .guideFieldError{
 overflow:hidden;
 width:40%;
 }

}

外観と動作を向上するには、レイアウトファイル内で作成したクライアントライブラリを含めます（errorOnRight.jsp）。

フィールドの編集ダイアログを開き、「スタイル」タブを選択します。内 フィールドレイアウトの設定 ドロップダウンボックスで、新しく作成したレイアウトを選択し、 OK.