Navigation Control Tag

The nav-control tag implements navigation control. It uses the following format:

  • Screenbar that first-level navigation uses:

    <div od-type=nav-control type="Screen With Category" style="Tab" indentWidth="integer"/>
  • Drop-down list that second-level navigation uses:

    <div od-type=nav-control type="Category View" style="Select"/>
  • Detail view that third-level navigation uses:

    <div od-type=nav-control type="type" style="Tab" indentWidth="integer" anchorTab="Enabled or Disabled"/>

where:

  • type, style. Specifies the type and style. You can use the values that the following table describes.

    Type Style Description

    Category View

    Select

    Displays a visibility dropdown list. Applies to visibility control.

    Detail Category

    Tab

    Displays view navigation control that includes category tabs but no links after the tabs.

    Applies to separate view and subview navigation control.

    Detail Category View

    Tab

    Displays subview navigation control that includes view tabs. Applies to separate view and subview navigation control.

    Detail Category With View

    Tab

    Displays view navigation control that includes category tabs and a set of links after the tabs. Applies to view navigation control.

    Screen With Category

    Tab

    Displays screen tabs that includes category links after the tabs. Applies to view navigation control.

  • indentWidth. Specifies the number of pixels to indent the row of tabs. Applies to screen and detail view tabs.

  • anchorTab. Enables or disables smart view anchoring.