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

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

ウィザード

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

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

ウィザードの画面例

タブレイアウト

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

タブレイアウトの利用

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

タブレイアウトを設定する

タブを複数用意し、グループ化する例を示します。
今回の例では「基本情報」「問い合わせと回答」という2つのタブを用意し、グループ化しています。

タブレイアウト

設定方法

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

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

リポジトリの設定

  1. モデルの編集画面で「レイアウト」>「リポジトリ」>「レイアウト名」タブをクリックして開きます。
    各項目の「レイアウト名」欄に、タブのラベル名を設定します。
    タブ名の設定
  2. 次に、「グループ・タブ」タブをクリックして開きます。 ギアアイコン>新規 をクリックしてグループの数だけ入力行を追加します。
    「グループ名」選択欄で先程「レイアウト名」タブで設定したグループが選択し、並び方向を「タブ」とします。
    これでグループがタブ形式の表示になります。
    タブ表示の設定

デフォルトタブの指定

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

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

設定方法

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

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

リポジトリの設定

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

デフォルトタブの指定

デフォルトタブの制御

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

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

デフォルトタブの動作

設定方法

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

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

リポジトリの設定

「デフォルトタブ」に表示条件を設定します。
今回の例では、status 項目の主キーの値が 1 であること(すなわち「未回答」のとき)を条件に指定しています。

タブの表示条件の指定

タブの入れ子

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

タブレイアウトの入れ子

設定方法

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

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

リポジトリの設定

  1. レイアウトの入れ子設定と同様、「>」で区切ります。
    リポジトリの設定(1)
  2. 「グループ・タブ」タブを開きます。
    入れ子にしたタブとその外側のタブでは、異なるタブ番号を割り当てます。
    リポジトリの設定(2)

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

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

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

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

設定方法

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

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

リポジトリの設定

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

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

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

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

設定方法

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

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

リポジトリの設定

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

リポジトリの設定