Sign in
 
HomeOnline20132010Other VersionsRelated ProductsLibraryForumsGallery
TechCenter >
> 
> 
How to show description under Top navigation header link

Answered How to show description under Top navigation header link

  • Thursday, July 05, 2012 5:19 PM
     
     
    Sign In to Vote
    0

    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

     

All Replies

  • Thursday, July 05, 2012 6:53 PM
     
     Answered Has Code
    Sign In to Vote
    1

    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.

    • Marked As Answer by Arif Mosharraf Thursday, July 05, 2012 9:06 PM
    •  
     
  • Thursday, July 05, 2012 7:34 PM
     
     
    Sign In to Vote
    0
    Thanks jjr2527, it was really helpful.