how to get navigation pan under second level tabs like in mointor>performance (HTML plugin)

hi all,


i am trying to create an custom application solution. for that i have already created template and i am able  to get tabs and second level tabs. can any one guide me on how to get a navigation pane under second level tabs just like monitor>performance> . how should i define my template. and what should be the component class for it.


should it be something like


 


  <!-- Monitor views -->


      &lt;extensionPoint id="$.monitorViews"&gt;<br>         &lt;objectType class="com.vmware.ui.views.ViewSpec"/&gt;<br>      &lt;/extensionPoint&gt;<div><br>  &lt;!-- Performance views --&gt;<br>      &lt;extensionPoint id="$.monitor.performanceViews"&gt;

         <objectType class="com.vmware.ui.views.ViewSpec"/>


      </extensionPoint>


 


 &lt;extension id="$.monitor"&gt;<br>         &lt;extendedPoint&gt;$.views1&lt;/extendedPoint&gt;

         &lt;hostedPoint&gt;$.monitorViews&lt;/hostedPoint&gt;<br>         &lt;precedingExtension&gt;$.manage&lt;/precedingExtension&gt;

         <object>


            <name>monitor</name>


            <componentClass className="com.vmware.vsphere.client.views.NestedObjectView"/>


         </object>


         <metadata>


            <requiresHostedExtensions>true</requiresHostedExtensions>


         </metadata>


      </extension>


 &lt;extension id="$.monitor.performanceView"&gt;<br>         &lt;extendedPoint&gt;$.monitor&lt;/extendedPoint&gt;

         &lt;hostedPoint&gt;$.monitor.performanceViews&lt;/hostedPoint&gt;<br>         &lt;object&gt;<br>            &lt;name&gt;advance&lt;/name&gt;<br>            &lt;componentClass className=" ##@#@#@#@#@#@#@#@#@#@#@#@#@#@@   "/&gt;<br>         &lt;/object&gt;<br>         &lt;metadata&gt;<br>            &lt;requiresHostedExtensions&gt;true&lt;/requiresHostedExtensions&gt;<br>         &lt;/metadata&gt;<br>      &lt;/extension&gt;<br> </div><div id="cke_pastebin" style="position: absolute; top: -374px; width: 1px; height: 959px; overflow: hidden; margin: 0px; padding: 0px; left: -1000px;">  &lt;!-- Monitor views --&gt;</div><div id="cke_pastebin" style="position: absolute; top: -374px; width: 1px; height: 959px; overflow: hidden; margin: 0px; padding: 0px; left: -1000px;">      &lt;extensionPoint id="$.monitorViews"&gt;