タブグループ

タブグループは、複数のコンポーネントを複数のタブで切り替えて表示するためのコンポーネントです。複数の観点のデータを1つの画面に整理して表示したい場合に使用します。

他のコンポーネントが1つのアクションの実行結果を表示するのに対して、タブグループは内部に他のコンポーネントを配置できる唯一のコンポーネントです。

タブの中に配置できるコンポーネント

各タブには、以下のコンポーネントを配置できます。

タブの中にさらにタブグループは配置できません。

タブグループコンポーネントの設定画面では、「名前」「タイトル」に加えて、タブの一覧を管理できます。「名前」「タイトル」については「コンポーネント」の共通設定をご覧ください。

「タブ一覧」では、タブ名の編集・追加・削除・並べ替えができます。

タブ名の編集: 各タブの名前を入力します。タブ名は画面上のタブの見出しとして表示されます。
タブの追加: 一覧の下にある「タブを追加」ボタンでタブを追加します。タブは最大10個まで追加できます。
タブの削除: 各タブの削除ボタンでタブを削除します。タブが1つだけの場合は削除できません。タブの中にコンポーネントがある状態で削除すると、中のコンポーネントも一緒に削除されます。
タブの並べ替え: 各タブ行のハンドルをドラッグして、タブの表示順を入れ替えます。

タブの中のコンポーネントは、画面左側のコンポーネント一覧から追加・編集・削除します。

コンポーネント一覧でタブの見出しをクリックすると、編集対象のタブを切り替えられます。タブを選択した状態でコンポーネントを追加すると、そのタブの中に配置されます。

コンポーネントはドラッグアンドドロップで移動できます。タブの中とトップレベルの間や、タブ同士でも移動できます。