sideBarでの項目間への垂直スペースの挿入

sideBarでの項目間に垂直スペースを設定するには、次のようにします。

  1. 目的のファイルの設計構造ウィンドウで、「separator」ノードを「sideBar」にある「styledList」「名前付きの子」の下で選択します。

    「separator」ノードが表示されない場合は、「page」->「content」->「dataScope」->「document」->「body」->「form」->「名前付きの子」->「start」->「sideBar」->「styledList」->「名前付きの子」と開きます。

  2. コンポーネント・パレットで、ドロップダウン・リストから「Layout Components」を選択し、次にリストからspacerコンポーネントを「separator」ノードにドラッグ・アンド・ドロップします。

    「spacer」ノードが、「separator」の下に挿入されます。

  3. プロパティ・インスペクタで、spacerコンポーネントに対してheight属性を設定します。

注意: データ・バインディングを使用するには、「コンポーネント属性のデータ・バインディング」を参照してください。

例(UIX XML)


...
<pageLayout>

  <!-- Level 3 Navigation -->

  <start>
    <sideBar>
      <contents>
        <styledList>
          <separator>
            <spacer height="10"/>
          </separator>
          <contents>
            <styledItem>
              <contents>
                <link text="Beverages" destination="http://www.oracle.com" />
              </contents>
            </styledItem>
            <styledItem>
              <contents>
                <link text="Canned Goods" destination="http://www.oracle.com" />
              </contents>
            </styledItem>
            ...
          </contents>
        </styledList>
      </contents>
    </sideBar>
  </start>

  <!-- REST OF PAGE LAYOUT-->

</pageLayout>
...    

tabBar、globalHeader、sideBar、subTabBarについて
globalButtonについて

フィルタの使用による、sideBarの索引付けされた子の上へのコンポーネントの挿入
sideBarの項目スタイルの設定
tabBarの作成
globalHeaderヘッダーの作成
sideBarの作成
subTabBarの作成
ナビゲーション・コンポーネントの使用

 

Copyright © 1997, 2004, Oracle. All rights reserved.