Inserting Vertical Spacing Between Items in a SideBar

To set vertical spacing between items in a sideBar:

In the Design Structure Window of the desired file, select the separator node under Named Children of styledList in sideBar.
If the separator node is not visible, expand page | content | dataScope | document | body | form | Named Children | start | sideBar | styledList | Named Children.
In the Component Palette, select Layout Components from the dropdown list, and then drag and drop the spacer component from the list to the separator node.
The spacer node is inserted under separator.
In the Property Inspector, set the height attribute for the spacer component.

Note: To use data binding, see Data Binding a Component Attribute.

Example (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>
...