注: 以下の翻訳の正確性は検証されていません。AIPを利用して英語版の原文から機械的に翻訳されたものです。

3 - マルチページモジュールナビゲーションの有効化

前回のコースでは、Workshop の Event を使って、ユーザーの Drawer を開くトリガーを設定しました。同様に、アプリケーションの受信トレイと COP ページを開くためのトリガーもユーザーが利用できるようにする必要があります。これは、モジュールヘッダーに Tabs ウィジェットを実装することで実現できます。

🔨 タスクの説明

  1. モジュールヘッダーの右端にある をクリックして、Tabs ウィジェットを追加します。

  2. ウィジェット設定パネルの Metadata タブを開き、ウィジェット名を Tabs: Pages に変更します。

  3. 設定パネルの Widget setup タブに戻り、最初の Tab ブロックで、Label フィールドに Alert Inbox と入力します。

  4. タブ設定内で、"On Click" の下にある ⊕ Add event をクリックし、Switch to Page: Inbox を選択します。

  5. アイコンセレクターから “Inbox” アイコンを追加します。

  6. Widget setup タブに戻り、⊕ Add Item をクリックして、以下の設定で新しいブロックを作成します。

    • Label:COP
    • On Click:Switch to Page: COP
    • Icon:Map
  7. 必要に応じてタブの順序を変更し、Alert InboxCOP よりも前に表示されるようにします。

  8. メインモジュールパネルで、Alert Inbox と COP タブの間をクリックして、ページが期待通りに切り替わることを確認します。

  9. 保存して公開します。