CookBook

入力画面の後に入力内容の確認画面を設定する方法

投稿日:

このCookbookでは、入力画面からの登録時に入力内容の確認画面を設定する方法を説明します。

この方法は、以下の製品で作成したアプリケーションやフローで利用できます。

  • IM-FormaDesigner
  • IM-BIS

完成イメージ


サンプルでは、入力画面の「次へ」ボタンをクリックすることにより確認画面に遷移します。
確認画面には入力画面の内容が表示されるため、内容を確認することができます。
入力内容は確認画面の「登録」ボタンをクリックするまでは登録されません。

完成サンプル

以下のサンプルをダウンロードしてご利用ください。

  • アプリケーション定義インポートファイル : im_cookbook_113714_forma.zip
    • アプリケーション定義のインポート機能からインポートしてください。サンプルのアプリケーションが登録されます。
    • アプリケーションを実行するには、インポート後に登録画面・一覧画面をメニューに登録してください。

上記のサンプルの利用条件は以下の通りです。

  • intra-mart Accel Platform(Advanced) 2016 Summer(8.0.14), IM-FormaDesigner 2016 Summer(8.0.13)以降のバージョンであること
  • サンプルデータのインポートが行われていること

サンプルは、intra-mart Accel Platform(Advanced) 2016 Summer(8.0.14), IM-FormaDesigner 2016 Summer(8.0.13)で動作確認を行っています。

レシピ

  1. 確認画面のフォームを作成する。
  2. 確認画面用に表示タイプを設定する。
  3. 登録・更新時の画面遷移を設定する。

1. 確認画面のフォームを作成する。

最初に作成済みのフォームから確認画面のフォームを作成しましょう。
入力画面からの入力値を連携するためにはフィールド識別IDを一致させてください。

このレシピでは、簡単な方法の1つとしてフォームのコピーを利用してフォームを作成しましょう。
以下の手順でアプリケーションにフォームを追加してください。

  1. 「サイトマップ」-「Forma作成管理」-「アプリケーション一覧」をクリックしてください。
  2. アプリケーション一覧の「編集」アイコンをクリックしてください。
    im_cookbook_113714_1
  3. アプリケーション履歴の「編集」アイコンをクリックしてください。
    im_cookbook_113714_2
  4. フォーム一覧の「登録」をクリックし、空のフォームを登録してください。
    im_cookbook_113714_3

追加したフォームに作成済みのフォームをコピーします。

  1. フォーム・デザイナで「再利用」をクリックしてください。
    im_cookbook_113714_4
  2. フォーム検索で作成済みのフォームの「選択」をクリックしてください。
    im_cookbook_113714_5
  3. 選択したフォームの内容がコピーされます。
  4. コピーされた内容を保存するために「更新」をクリックしてください。
    im_cookbook_113714_6

詳しくは以下のドキュメントをご覧ください。

IM-BISで作成したフローの場合、ノード単位でフォームを追加できます。
詳しくは以下のドキュメントをご覧ください。

「再利用」機能ではフォーム全体をコピーできます。
特定のアイテムを対象にコピーする場合には、「アイテムコピー」または「フォームテンプレート」をご利用ください。
詳しくは以下のドキュメントをご覧ください。

2. 確認画面用に表示タイプを設定する。

次に、コピーで作成したフォームの入力項目の表示タイプを設定しましょう。

  1. フォーム・デザイナ上で確認画面に表示させないアイテムを削除してください。(例:確認用メールアドレス)
    im_cookbook_113714_7
  2. 入力項目のアイテムのプロパティを表示してください。
    im_cookbook_113714_8
  3. プロパティの「詳細設定」タブを表示してください。
    im_cookbook_113714_9
  4. 「表示タイプ」で「登録」・「更新」の設定値を「入力可」から「参照」に変更してください。
    im_cookbook_113714_10
  5. 同様の手順で確認画面上のすべての入力項目に対して表示タイプを「参照」に設定してください。
  6. 設定内容を保存するために「更新」をクリックしてください。
    im_cookbook_113714_11

上記の手順により、確認画面上の入力項目は参照状態で表示されるようになります。

詳しくは以下のドキュメントをご覧ください。
各アイテムのページで表示タイプの詳細を確認できます。

3. 登録・更新時の画面遷移を設定する。

最後に、確認画面を経由して登録させるための画面遷移を設定しましょう。

  1. アプリケーション履歴の「編集」アイコンをクリックしてください。
    im_cookbook_113714_12
  2. 「フォーム遷移一覧」タブをクリックしてください。
    im_cookbook_113714_13
  3. 「登録画面遷移」の「詳細編集」をクリックしてください。
    im_cookbook_113714_14
  4. 「追加」をクリックしてください。
    im_cookbook_113714_15
  5. フォーム検索で確認画面のフォームの「選択」をクリックしてください。
    im_cookbook_113714_16
  6. 設定内容を保存するために「更新」をクリックしてください。
    im_cookbook_113714_17
  7. 同様の手順で「更新画面遷移」に対して確認画面のフォームを追加してください。
  8. 「登録画面遷移」「更新画面遷移」が正しく設定されていると、「フォーム件数」には「2」と表示されます。
    im_cookbook_113714_18

詳しくは以下のドキュメントをご覧ください。

アプリケーションの登録画面や一覧画面をメニューに登録してください。
メニューからアプリケーションを実行することにより確認画面への遷移を確認できます。

-CookBook
-,

執筆者:


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

ワークフローの一覧を使い分けるには(改訂版)

このCookbookでは、以前に公開した「IM-Workflowの一覧を業務別に使い分けるには」に関して、お問い合わせいただいた内容を追加してワークフローの一覧の検索条件を付与する方法をご紹介いたしま …

「ラベル〇にジャンプする」と「ラベル〇」の利用方法

intra-mart Accel Platform 2019 Summerで追加された以下のアクションアイテムについて紹介します。 ラベル〇へジャンプする ラベル〇 これらのアクションアイテムによって …

no image

BloomMaker 入力規則エラーメッセージエレメントの使い方

このCookBookでは、Accel Platform 2021 Springで追加されたエレメント「入力規則エラーメッセージ」について紹介しています。 「入力規則エラーメッセージ」は、指定した変数に …

no image

IM-BloomMaker エレメントを狙った位置に配置する方法

この CookBook ではエレメントを狙った位置に配置する方法について紹介します。エレメントを配置する方法として、エレメントをドラッグ&ドロップする方法がありますが、配置先のスペースが狭いとなかなか …

ワークフローの一覧を使い分けるには(スマートフォン版)

このCookbookでは、以前に公開した「ワークフローの一覧を使い分けるには(改訂版)」に関して、お問い合わせいただいた内容を追加してスマートフォン画面でワークフローの一覧の検索条件を付与する方法をご …