コンポーネント・メニューの追加

以下の手順を実行して、新しい MenuCompsite コンポーネントを HomePage.cls に追加します。

HomePage.cls の <page> 要素で ZenTutorial ネームスペースを宣言します。それには、以下の属性と値を追加します。
```
xmlns:zentutorial="http://www.intersystems.com/ZenTutorial"
```
MenuComposite 要素を HomePage.cls の <page> 要素に追加します。
MenuComposite の width 属性の値を 100% に設定します。

次のように、HomePage.clsXData Contents ブロックの最初の数行を更新します。


XData Contents [XMLNamespace="http://www.intersystems.com/zen"]
{
  <page title="Zen Contacts" 
  xmlns:zentutorial="http://www.intersystems.com/ZenTutorial" 
  xmlns="http://www.intersystems.com/zen">
  <zentutorial:MenuComposite width="100%"/>
  
  ...

<MenuComposite> を、<hgroup> 要素や <vgroup> 要素のいずれかではなく、<page> 要素に直接追加することに注意してください。これは、メニューの幅が、ページのいずれかのサブコンポーネントの 100% ではなく、ページの 100% とするためです。完成したレイアウトは以下のとおりです。