4.4.1. テンプレートを利用せずに簡単なフォームを作成する¶

「ヘッダーとフッター」をクリックし、「ヘッダーとフッター」ダイアログを表示します。

「ヘッダー設定」のチェックボックスを有効にします。

「タイトル名」に「研修受講報告書」と入力します。

「戻るリンクを表示」のチェックボックスを有効にします。

「設定」ボタンをクリックします。

図：「ヘッダーとフッター」

フォームにヘッダーと「戻る」リンクが設定できました。

図：ヘッダーと「戻る」リンク

コラム

• ヘッダー設定

画面の上部にヘッダーと「戻る」リンクを表示します。

ヘッダーには「タイトル名」に入力した値を表示します。

「戻る」リンクをクリックした場合、申請時は「申請一覧」画面に、承認時は「案件一覧」画面に遷移します。

「ツールキット」をクリックし、配置できるアイテムの一覧を表示します。

コラム

• ツールキット

作成する画面の項目となる部品を格納したパレットです。

画面のすべての項目はこのツールキットというパレットからドラッグ&ドロップで配置します。

利用できるアイテムの詳細は「ツールキットで利用できるアイテム（ワークフロー）」を参照してください。

コラム

ツールキットをクリックすると、はじめパレットはすべて開かれた状態で表示されます。

「入力アイテム」などのアイテム名をクリックすることで、当該アイテムのパレットを閉じられます。

図：ツールキットの閉じ方

「表示アイテム」から「見出し」を選択し、ドラッグ&ドロップで配置します。

図：表示アイテムの配置

同様に「入力アイテム」から「文字列」「日付」「複数行文字列」を図のように配置します。

図：入力アイテムの配置

コラム

• 文字列

名前やコードなどの文字を入力するためのアイテムです。

改行には対応しないため、短い文言の入力に向いています。

コラム

• 複数行文字列

コメントや備考などの文字を入力するためのアイテムです。

改行にも対応しているため、長い文章の入力に向いています。

コラム

• 日付

日付を入力するためのアイテムです。

１つの日付を入力する場合に向いています。

特定の開始日から終了日などの2つの日付を入力する場合は、「期間」を利用します。

同様に「ボタンアイテム」から「ボタン（処理モーダル）」「ボタン（一時保存）」を配置します。

図：ボタンアイテムの配置

コラム

• ボタン（処理モーダル）

申請や承認をするためのアイテムです。

申請画面の時は「申請」、承認画面の時には「承認」と切り替えて表示されるため、画面に1つだけ配置すれば問題ありません。

コラム

• ボタン（一時保存）

一時保存（下書きとして保存）を行うためのアイテムです。

画面で表示されるタイトルや入力項目が配置できました。

「見出し」をダブルクリックし、「プロパティ」を表示します。

「ラベル」に「受講報告」と入力します。

図：「受講報告」-「プロパティ」

コラム

• ラベル

ほとんどのアイテムに設定できる項目です。

多くがアイテム自体の左や上に表示されます。

必須項目ではないため、レイアウトによっては削除して表示させないこともできます。

「プロパティ」の外側をクリックしてアイテムの「プロパティ」を閉じます。

同様の手順で配置したアイテムの「ラベル」を図のように入力します。

図：画面の項目のラベル

配置したアイテムの見た目を設定できました。

最後に「更新」をクリックして、フォームの設定内容を保存します。

図：フォームの保存

コラム

• 更新

作成した画面（フォーム）を保存するためのボタンです。

セッションが切れた際などには保存内容が消えてしまう場合があるため、長時間の編集の場合にはこまめにクリックして画面を保存してください。