ウィザードとタブレイアウト最終更新日: 2020年9月4日

ウィザードとタブレイアウトの違い

ウィザード

項目を複数画面に分け、順番に従って入力を行うようにする方式です。
ウィザードを使うことで、入力項目に加えてそれらの入力順までルール化することができます
入力中の画面に必須項目がある場合、同項目を入力しなければ、次の画面に進むことはできません。

顧客モデルにウィザードを適用し、二画面に分割した例を図1に示します。
画面移動ボタン(「前画面へ」・「次画面へ」)で前後のページに移動します。
または、画面指定ボタン(「画面1」・「画面2」)を使って直接特定の画面を開くこともできます。

図1 ウィザードの画面例

タブレイアウト

入力項目をグループ化したものです。ウィザードとは異なり、入力順は考慮されません。
2つのタブを用意した例を示します。

図2 タブレイアウトの利用

ウィザードの詳細および設定方法は「画面機能 > ウィザード」をお読みください。
以降はタブレイアウトについて説明します。

タブレイアウトの設定方法

「顧客」モデルを例に、タブを複数用意し、グループ化する例を示します。(図3、図4)

図3 顧客モデル
図4 タブレイアウト

設定方法

スクリーンエディタを使った設定

スクリーンエディタを使って設定することができます。[詳細...]

リポジトリの設定

「リポジトリ」タブを開きます。「レイアウト名」タブに、タブのラベル名を設定します。

図5 リポジトリの設定(1)

「グループ・タブ」の内容を設定します。並び方向を「タブ」とします。

図6 リポジトリの設定(2)

デフォルトタブの指定

画面の初期表示時に、複数あるタブのうちデフォルトで表示されるタブを指定することができます。
図14は新規登録画面を開いた例です。「問い合わせと回答」が最初に表示されるように設定されています。

図7 デフォルトタブが有効になっている

設定方法

スクリーンエディタを使った設定

スクリーンエディタを使って設定することができます。[詳細...]

リポジトリの設定

「デフォルトタブ」をチェックします。

図8 リポジトリの設定

デフォルトタブの制御

”モデル項目Aの値が〇〇の時、タブ「△△」をデフォルトタブとする。”
といったように、指定した条件に合致する場合のデフォルトタブを設定することができます。
優先度は 指定条件に合致したタブ>デフォルト指定したタブ となります。

図18に例を示します。
「基本情報」、「問い合わせ」、「回答」という3つのタブを例に説明します。
このモデルのデフォルトタブは「問い合わせ」タブです。
しかし、「対応状況」項目の値が「未回答」のときは「回答」タブをデフォルト表示するように設定しました。

図9 デフォルトタブの動作

設定方法

スクリーンエディタを使った設定

スクリーンエディタを使って設定することができます。[詳細...]

リポジトリの設定

「デフォルトタブ」に表示条件を設定します。

図10 リポジトリの設定

タブの入れ子

図のように、タブ同士を入れ子にすることができます。

図11 タブレイアウトの入れ子

設定方法

スクリーンエディタを使った設定

スクリーンエディタを使って設定することができます。[詳細...]

リポジトリの設定

レイアウトの入れ子設定と同様、「>」で区切ります。

図12 リポジトリの設定(1)

「グループ・タブ」タブを開きます。
入れ子にしたタブとその外側のタブでは、異なるタブ番号を割り当てます。

図13 リポジトリの設定(2)

入れ子となったタブに「デフォルトタブ」を指定することもできます。
同じ階層のタブ同士でデフォルトタブをそれぞれ設定することができます。

タブと他レイアウトとの組み合わせ

タブレイアウト内の項目を縦並びや横並びのグループとして指定できます。
下の図は、タブレイアウト内に横並びのグループを作成した例です。

図14 タブレイアウト内に横並びグループを作成

設定方法

スクリーンエディタを使った設定

スクリーンエディタを使って設定することができます。[詳細...]

リポジトリの設定

レイアウト>リポジトリ>タブ・グループ を開きます。
レイアウト名「基本情報」タブの後ろにグループ「氏名」をつなげています。

図15 リポジトリの設定

複数のタブコンテナを用意する

下の図のように、複数のタブコンテナを用意することができます。

図16 複数のタブコンテナを用意する

設定方法

スクリーンエディタを使った設定

スクリーンエディタを使って設定することができます。[詳細...]

リポジトリの設定

それぞれのタブを区別するために「タブ番号」を割り当てます。
同じ番号のものは、同じタブ(グループ)として扱われます。

図17 リポジトリの設定