How the Viewbar Tag Implements Drop-Down Lists and Tabs

The viewbar tag implements the drop-down list that Siebel CRM uses for second-level navigation and the detail view list that Siebel CRM uses for third-level navigation. You can use it to implement one of the following items:

Drop-down list. SWE populates each item in the drop-down list with the display name of a context view. It displays the visibility drop-down list in the view bar frame. To implement this drop-down list as a viewbar tag, the following code in the PageContainer web template or the CCFrameViewbar web template sets the Type attribute to Select and the Mode attribute to Context:
```
 <div od-type=form>  <td nowrap>    <div od-type=viewbar type="Select" mode="Context">      <div od-property="FormattedHtml"/>    <!--od section viewbar close–>  </td> <!--od section form close–>
```
Tabs. SWE creates a horizontal view bar that includes tabs. It sets each tab label to the display name of a noncontext view. To implement this view bar, the following code in the CCViewbar_Tabs web template does not include the Type attribute and it sets the Mode attribute to NonContext:

<div od-type=viewbar>  ... HTML ...    <div od-iterator=viewIterator>    ... HTML ...    <div od-type=viewlink state="Active">      ... HTML ....        <div od-property="FormattedHtml">        ... HTML ....          <div od-type=viewname/>        ... HTML ...        <!--od section this close–>
      ... HTML ...    <!--od section viewlink close–>    <div od-type=viewlink state="InActive">      ... HTML ....        <div od-property="FormattedHtml">        ... HTML ....          <div od-type=viewname/>        ... HTML ...        <!--od section this close–>      ... HTML ...    <!--od section viewlink close–> 
    ... HTML ..    <!--od section iterator close–>  ... HTML ..<!--od section viewbar close–>

The detail view bar requires the following tags. The drop-down list does not require these tags:

child viewIterator
viewlink
viewname