Customizing Top level navigation

Question

Hi,
I have requirement where in i have to customize the top level navigation. Insted of hyper links display i have to show them like buttons, not exactly buttons but the hyperlinks shown for the navigation should be removed.
Is it possible to show with out links and once click on the respective workset should be able to navigate that workset.
Is it possible to place image for each workset navigation in top level navigation.
Regards,
Ravi.

Answer 1

Hi Darrell,
I checked that code and it is using the navHelperServer.getQuickLink method where it gets the Quick Link Value of the pages i guess.
I could not find the method details and the declaration of this method in the help. Is it the custom method written of that class.
I am using the below standard code of the LightTopLevelNavigation.
I guess i need to put the custom code between the navNodeAnchor Tags of Selected and non selected Nodes.
<TABLE border="0" cellspacing="0" cellpadding="0" class="mainTable" align="center">
  <TR>
<!--     <TD nowrap class="notch"> </TD> -->
    <TD>
      <TABLE border="0" cellspacing="0" cellpadding="0" class="table1">
        <TR>
          <nav:iterateInitialNavNodes>
            <nav:ifNavNodeInSelectedPath>
              <TD nowrap class="chosenTDLevel1">
                <% if(previewMode) { %>
                  <A class="chosenOnLevel1"><nav:navNodeTitle/></A>
                <% } else if(levels==1) { %>
                  <nav:navNodeAnchor navigationMethod="byURL" anchorAttributes="class='chosenOnLevel1'">
                  </nav:navNodeAnchor>
                <% } else if(levels==2) { %>
                  <nav:navNodeAnchor navigationMethod="byURL" anchorAttributes="class='chosenOnLevel1'" urlParameters="InitialNodeFirstLevel=true"/>
                <% } %>
              </TD>
              <% if(levels==2) { %>
                <nav:storeNavNode/>
              <% } %>
            </nav:ifNavNodeInSelectedPath>
            <nav:ifNotNavNodeInSelectedPath>
              <TD nowrap class="unChosenTDLevel1">
                <% if(previewMode) { %>
                  <A class="chosenOnLevel1"><nav:navNodeTitle/></A>
                <% } else if(levels==1) { %>
                  <nav:navNodeAnchor navigationMethod="byURL" anchorAttributes="class='unChosenOnLevel1'"/>
                <% } else if(levels==2) { %>
                  <nav:navNodeAnchor navigationMethod="byURL" anchorAttributes="class='unChosenOnLevel1'" urlParameters="InitialNodeFirstLevel=true"/>
                <% } %>
              </TD>
            </nav:ifNotNavNodeInSelectedPath>
               <nav:ifHasMoreIterations>
                 <TD nowrap class="spacingTDPipeLevel2" valign="center"> | </TD>
               </nav:ifHasMoreIterations>
          </nav:iterateInitialNavNodes>
          <TD nowrap class="spacingTDLevel1"> </TD>
        </TR>
      </TABLE>
Thanks
Sumanth