11.1 タブの作成

タブは、アプリケーションのページ間でのナビゲートに有効な方法です。親タブ、標準タブおよびリストを使用して、アプリケーションのタブ付きの外観を作成できます。

アプリケーションには、タブのないページ、1レベルのタブを持つページおよび2レベルのタブを持つページを含めることができます。標準タブを使用した場合は、1レベルのタブのみを表示できます。2レベルのタブを表示するには、親タブと標準タブの両方を定義します。

ヒント:

タブのかわりに、リストを使用してタブ・コントロールを表示できます。リスト・テンプレートを使用すると、HTMLの生成をさらに制御できます。「リストの作成」を参照してください。

内容は次のとおりです。

タブについて
タブ・ページについて
タブの作成
タブの編集
タブ・レポートへのアクセス

注意:

アプリケーションの作成ウィザードを実行すると、オプションで、タブ付きのアプリケーションを作成できます。次のステップでは、タブ付きでないアプリケーションを作成済であると想定しています。

11.1.1 タブについて

標準タブは、ページと1対1の関係にしたり、複数のページのカレント・タブにすることができます。アプリケーション・ビルダーには、次の2つのタイプのタブが含まれています。

標準タブ

タブが1レベルのみのアプリケーションでは、標準タブ・セットを使用します。標準タブ・セットは、特定のページおよびページ番号に関連付けられます。標準タブを使用すると、特定のページにユーザーをリンクできます。
親タブ

親タブは標準タブ・セットの表示を制御できます。親タブをクリックすると、カレント・ページとしてデフォルト・ページを使用して、対応する標準タブが表示されます。親タブによって、別のレベルのナビゲーションおよびアプリケーション内のコンテキスト(または場所)が提供されます。ユーザーが特定のページに関連付けられた特定のURLにリンクするために親タブを使用できます。

タブをタブ・セットと呼ばれるコレクションにグループ化できます。各タブは、タブ・セットに属している必要があります。

11.1.1.1 テンプレートのサポートについて

親タブおよび標準タブを作成する前に、デフォルトのテンプレートで、適切な置換文字列を使用して標準タブおよび親タブの両方に位置を定義していることを確認する必要があります。このテンプレートは、ページ・レベルで上書きしないでください。

ページ・テンプレートを表示するには、次のステップを実行します。

「ワークスペース」ホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
アプリケーションを選択します。
アプリケーションのホームページで、「共有コンポーネント」をクリックします。
「ナビゲーション」で、「タブ」をクリックします。

タブ・ページが表示されます。
ページの下部の「ページ・テンプレート」に移動します。必要に応じて、「ページ・テンプレート」リージョンを拡張します。
図tabs_pg_templates.gifの説明

11.1.2 タブ・ページについて

タブ・ページには、アプリケーションに定義されているタブの説明が表示されます。

タブ・ページにアクセスするには、次のステップを実行します。

「ワークスペース」ホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
アプリケーションを選択します。
アプリケーションのホームページで、「共有コンポーネント」をクリックします。
「ナビゲーション」で、「タブ」をクリックします。

タブ・ページが表示されます。

図tabs.gifの説明

次に続くセクションでは、タブ・ページの「タブ表示」セクションと「ページ・テンプレート」セクションについて説明します。

ヒント:

ページ定義の「共有コンポーネント」からタブ・ページにアクセスすることもできます。「ページ定義へのアクセス」を参照してください。

11.1.2.1 タブ表示

「タブ表示」には、カレント・タブまたはタブ・セットの表示の構成方法に関する追加情報が表示されます。

11.1.2.2 ページ・テンプレート

「ページ・テンプレート」には、カレント・アプリケーションに関連付けられているページ・テンプレートのレポートが表示されます。「テンプレートのサポートについて」を参照してください。

11.1.3 タブの作成

アプリケーションには、タブのないページ、1レベルのタブを持つページおよび2レベルのタブを持つページを含めることができます。標準タブを使用した場合は、1レベルのタブのみを表示できます。2レベルのタブを表示するには、親タブと標準タブの両方を定義します。詳細は、「タブについて」を参照してください。

タブを作成するには:

タブ・ページにアクセスします。
1. 「ワークスペース」ホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
2. アプリケーションを選択します。
3. アプリケーションのホームページで、「共有コンポーネント」をクリックします。
4. 「ナビゲーション」で、「タブ」をクリックします。
「タブの管理」をクリックします。
親タブを追加するには、上の行の「追加」ボタンをクリックします。

図tabs_add_parent.gifの説明

親タブは標準タブ・セットの表示を制御できます。親タブをクリックすると、カレント・ページとしてデフォルト・ページを使用して、対応する標準タブが表示されます。
標準タブを作成するには、下の行の「追加」ボタンをクリックします。

図tabs_add_standard.gifの説明

親タブの作成ウィザードまたは標準タブの作成ウィザードが表示されます。
画面に表示されるステップに従います。

11.1.4 タブの編集

複数のタブを同時に編集できます。また、標準タブを使用している場合は、「標準タブのタスク」リストを使用して、ラベルや順序などのタブのプロパティを更新できます。

11.1.4.1 複数のタブの同時編集

複数のタブを同時に編集できます。

複数のタブを同時に編集するには、次のステップを実行します。

「タブ」ページにナビゲートします。
1. 「ワークスペース」ホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
2. アプリケーションを選択します。
3. 「共有コンポーネント」をクリックします。
4. 「ナビゲーション」で、「タブ」をクリックします。
ページ上部で次のいずれかのタブをクリックします。
- 標準タブの編集
- 親タブの編集
レポートが表示されます。
特定のタブを編集するには、「編集」アイコンをクリックします。
該当する属性を編集し、「変更の適用」をクリックします。

11.1.4.2 「標準タブのタスク」リストの使用

「標準タブのタスク」リストが「タブ」ページの右側に表示されます。このリスト上のリンクにアクセスすると、標準タブ・セットの名前の変更、表示順序の変更、タブ・セットへのページの関連付け、新規標準タブの作成または新規標準タブ・セットの作成ができます。

「標準タブのタスク」リストにアクセスするには、次のステップを実行します。

「タブ」ページにナビゲートします。
1. 「ワークスペース」ホームページで、「アプリケーション・ビルダー」アイコンをクリックします。
2. アプリケーションを選択します。
3. 「共有コンポーネント」をクリックします。
4. 「ナビゲーション」で、「タブ」をクリックします。
「タブの管理」をクリックします。
「標準タブのタスク」リストから次の項目を選択します。
- 標準タブ・セット名の変更
- 表示順序の変更
- 選択した標準タブでページを関連付け
- 新しい標準タブの作成
- 新しい標準タブ・セットの作成

11.1.5 タブ・レポートへのアクセス

このセクションでは、「条件付き表示」、「使用状況」および「履歴」レポートについて説明します。

「条件付き表示」レポートを表示するには、次のステップを実行します。

「タブ」ページにナビゲートします。
1. 「ワークスペース」ホームページにナビゲートします。
2. 「アプリケーション・ビルダー」アイコンをクリックします。
3. アプリケーションを選択します。
4. アプリケーションのホームページで、「共有コンポーネント」をクリックします。
5. 「ナビゲーション」で、「タブ」をクリックします。
  
  タブ・ページが表示されます。
該当するタブをクリックします。
- 条件付き表示
- 使用状況
- 履歴

詳細は、次に続くセクションを参照してください。

11.1.5.1 条件付き表示

「条件付き表示」レポートには、条件付きで表示するように構成された標準タブと親タブが表示されます。表示をフィルタ処理するには、タブ・タイプを選択して、「実行」をクリックします。

11.1.5.2 使用状況

「使用状況」レポートには、カレント・アプリケーションで使用されている標準タブのリストが表示されます。

11.1.5.3 標準タブ履歴および親タブ履歴

「履歴」レポートには、カレント・アプリケーションのタブ属性に対する変更の履歴が表示されます。