フォームセクションのフィールド自動調整
フォームプロパティ「項目の整列」を使用すると、複数セクションを持つフォームで、各項目の配置方法を制御できます。これにより、各セクション内の不要な余白を避け、より整理されたレイアウトにできます。
利用可能範囲
このプロパティは、
- すべてのCreator 料金プランで有効にできます。
- 有効化できるのは スーパー管理者、管理者、開発者のみです。他のユーザーは、適切な権限が付与されていれば、アプリケーションの実行モードでこの設定内容を閲覧できます。
1. 概要
フォームには複数のセクションを設定できます。これにより、フォーム内の項目をグループ化し、より整理された見た目にできます。フォームに複数のセクションがある場合、セクションに関係なくフォーム内のすべての項目が整列の対象になります。その結果、入力内容が長い項目があると、行間が不均一になったり、余計な空白が生じたりすることがあります。
これを解消して最適なレイアウトにするには、項目の整列プロパティを使用します。このプロパティを有効にすると、他のセクション内の項目の長さに影響されることなく、各セクションごとに項目を個別に整列できます。特定のセクションに複数行テキストやリッチテキスト項目が含まれる場合に特に有効です。
以下のフォームは、このプロパティを有効にしていない場合の項目の表示例です。
次に、項目の整列プロパティを有効にした場合の同じフォームの表示例です。より一貫性のある見た目になります。
1.1 このプロパティを使用するタイミング
- フォームに複数のセクションがある場合
- 項目の位置がずれていたり、行間や空白が不均一になっている場合
2. 動作を確認する
3. ユースケース
採用管理アプリで、候補者が応募フォームに自分の詳細情報を入力するケースを考えます。このフォームには、個人情報、学歴、資格情報など、複数のセクションがあります。各セクションにはサイズの異なる入力項目が含まれるため、行間が不均一になったり、空白が生じたりする可能性があります。その結果、候補者が空白部分を見て「項目がない」と誤解し、入力漏れが発生するおそれがあります。これを解消するために、応募フォームで項目の整列プロパティを有効にし、不均一なスペースをなくして全体のレイアウトを最適化できます。
4. このプロパティを有効にする手順
- アプリの編集モードに移動します。
- 対象のフォームを選択し、[フォームビルダーを開く] をクリックします。
- ビルダー右上の
アイコンをクリックします。[フォームプロパティ] スライダーが表示されます。
- [項目の整列] セクションの下にある、[各セクション内の項目を自動調整] チェックボックスをオンにします。
- アプリケーションの実行モードで、各セクション内で項目が個別に整列されて表示されることを確認できます。
5. 関連トピック