none
How to show description under Top navigation header link

    Question

  • Hi ,
    I want to display "Navigation heading description" under "Navigation Heading name", in top link bar.
    it would be some thing like this:

    Home
    <small description of home>

    Currently it is coming as a tool tip. Any help regarding this would be highly appreciated.  
    
    Thanks
    Arif

    Thursday, July 05, 2012 5:19 PM

Answers

  • You can use JavaScript in your masterpage to enable this behavior.  Here is a snippet that you should be able to use assuming you know how to edit the master page and add a JQuery reference and a script block, any issues let me know.

    <script type="text/javascript">
      $(document).ready(function(){
        $("div.s4-toplinks span.menu-item-text").each(function(){
          var linkWithDescription = $(this).html() + $(this).attr("title");
          $(this).html(linkWithDescription);
        });
      });
    </script>


    Determination conquers all things.

    Thursday, July 05, 2012 6:53 PM

All replies

  • You can use JavaScript in your masterpage to enable this behavior.  Here is a snippet that you should be able to use assuming you know how to edit the master page and add a JQuery reference and a script block, any issues let me know.

    <script type="text/javascript">
      $(document).ready(function(){
        $("div.s4-toplinks span.menu-item-text").each(function(){
          var linkWithDescription = $(this).html() + $(this).attr("title");
          $(this).html(linkWithDescription);
        });
      });
    </script>


    Determination conquers all things.

    Thursday, July 05, 2012 6:53 PM
  • Thanks jjr2527, it was really helpful. 
    Thursday, July 05, 2012 7:34 PM