メニューバーウィジェットを使用して、複数のマッシュアップやページが含まれているソリューションのナビゲーションレイアウトを作成します。このウィジェットには、ユーザーが選択可能なアイテムのリストとしてナビゲーションリンクが表示されます。ウィジェットの各アイテムを設定してユーザーをマッシュアップ、Web ページ、またはサブメニューにナビゲートできます。このウィジェットはレイアウト内の最上位レベルのコンテナの左側に常時表示されます。このウィジェットを使用して、単一レベルまたは複数レベルのナビゲーションから成るメニューを作成できます。Composer でメニューエンティティを作成するか、データ駆動型メニューを生成するデータサービスを記述することによって、メニューアイテムを定義できます。これにより、ページによってビューが異なる複雑なマッシュアップを構築できます。

メニューアイテムを定義し、ウィジェットを使用して組み込みマッシュアップを置き換える方法については、次のビデオを参照してください。新しいタブでビデオを開くには、プレーヤーのタイトルをクリックします。

メニューバーには、Mashup Builder ウィジェットのほかに、次のコンポーネントが含まれています。

プロパティ SubMenuType を使用してウィジェットを設定することで、メニューバーに複数レベルのナビゲーションを表示する方法を制御できます。サブメニューは次の 2 つの方法のいずれかで表示されます。

以下のイメージでは、左側にデフォルトのカスケードメニュー、右側にネストされたアコーディオンメニューが示されています。

この 2 つのメニューバーウィジェットではコンパクトビューが無効になっており、プライマリナビゲーションデータプロパティとセカンダリナビゲーションデータプロパティに同じメニューエンティティが選択されています。カスケードメニューは 3 つのセクションに分かれています。上部のセクションにプライマリナビゲーションアイテムが表示されています。下部の 2 つのセクションにセカンダリナビゲーションアイテムとフッターが表示されています。アコーディオンメニューでは、フッターの上に表示されているセカンダリナビゲーションアイテムは、プライマリアイテムとまとめて 1 つのセクションに配置されています。

メニューバーウィジェットを設定するには複数の方法があります。以下の図には、デフォルトのコンフィギュレーションであるカスケードメニューとしてメニューが示されています。

ウィジェットの最上位レベルのアイテムは縦方向にリストされます。このウィジェットには、現在のコンフィギュレーションに基づいてメニューアイテムを表示できる複数のセクションがあります。

次のキーを使用した一般的なキーボードショートカットを使用して、メニューバーのアイテム間を移動できます。

以下のテーブルに、メニューバーウィジェットのプロパティをリストします。