[1] フォームをデザイン

JP Comtorが2023/11/15 16:40に最終更新

1.プロセスデザイナーメニューで新規フォーム作成

プロセスデザイナーメニューで新規フォームを作成するには、フォーム タブを選択し、新規作成 ボタンをクリックします。

その際にウィンドウが表示されますが、必須項目の名称にフォーム名を入力し、オプション項目の説明に簡単な説明内容を入力し、OKボタンをクリックします。

フォームデザイナーでフォームを作成するコンポーネントは、ユーザーデータを収集する機能をユーザーに提供します。

UI コンポーネントは、その機能に基づいて5つの主要なグループに分類されます。

グループ	説明	コンポーネント
基本	頻繁に使用されるコンポーネントのグループ	テキストフィールドテキストエリア数字パスワードチェックボックス選択ボックス選択ラジオボタンボタンファイルダウンロードファイルアップロード
高度	個人情報系または日時系コンポーネントのグループ	メール URL 電話番号タグアドレス日時曜日時間通貨調査票署名
レイアウト	フォームのレイアウトを変更する要素のコンポーネントグループ	HTML要素コンテンツコラムフィールドセットパネルテーブルタブウェル
データ	データ収集に使うコンポーネントのグループ	非表示コンテナデータマップデータグリッド編集グリッドツリー
プレミアム	ビジネスレベルで使うコンポーネントのグループ	ReCAPTCHA リソースファイル入れ子のフォームカスタマイズ
その他	ファイルプレビュー

調整可能なフォームを作成するには、ページの左側でコンポーネントをドラッグし、右側のフォームデザイナーに希望の順序でドロップします。

必要なコンポーネントを選択すると、様々な入力可能な設定を含むウィンドウが表示されます。

設定を完了したら、保存ボタンをクリックします。

使用頻度の高い設定項目は、以下の表に説明されます。

設定名	説明	備考
表示	コンポーネントの表示をフォームに表します。
データ	ユーザーがフォームに閲覧できるデフォルト値。
バリデーション	画面上にコンポーネントを表示するための認証リクエスト。
API	「キー」と「値」に基づいてコンポーネントを調整します。
条件	コンポーネントに条件を設定します。
ロジック	フォーム内の条件を有効にするロジック。
レイアウト	フォームのレイアウトを調整します。

フォームデザイナーの一部のフォーム要素には、以下のようにに様々項目を保持しています。

フォームデザイナーでフォームを作成するための他のコンポーネントには、次のように各種設定項目があります。

コンポーネント名	設定対象	説明
日時	日付	入力可能な最小値と最大値を設定します。
	時刻	調整するための上下ボタンを設定します。
曜日	曜日	ドロップダウンリストで入力するか、上下ボタンで調整するのどちらかを設定します。
	月	ドロップダウンリストで入力するか、上下ボタンで調整するのどちらかを設定します。
	年	ドロップダウンリストで入力するか、上下ボタンで調整するのどちらかを設定します。（最小値・最大値の設定が可能です）
編集Grid	テンプレート	グリッドデータのヘッダーとロウをカスタマイズします。