none
wss horizontal menu - customize first level fly out menu 'down arrow'

    Question

  • I've created a custom horizontal menu inside of WSS.  Up to this point, I've been modifying the CSS and changing some of the HTML formatting inside of the masterpage.

    In the current menu display, any button with a second layer of navigation displays a small black down arrow on the right side of the buttton.

    I've figured out how to change the actual image, but is there a way to change the position of this down arrow?  I need it on the left side of the button title (instead of the far right).

    Any help would be appreciated.

    Thanks! 
    • Moved by Mike Walsh FIN Friday, March 27, 2009 4:53 AM cust. q (Moved from SharePoint - General Question and Answers and Discussion to SharePoint - Design and Customization)
    Thursday, March 26, 2009 7:09 PM

Answers

  • Hi,

    The CSS style .ms-topnav img controls the position of the black down arrow in the horizontal dropdown menu.

     

    Here is the style in core.css for your information.

    .ms-topnav img{

    position:relative;

    left:-6px;

    }

     

    You can override the style in the master page and change the left value to control the position.

    But it is hard to put the image to the left side of the title, because the image is in a cell which position is on the right of the title text cell.

     

    Per my knowledge, you need to extend the ASP.NET Menu control to implement the feature. And I suggest you to further help in ASP.NET forums.

     

    Hope the information can be helpful.

    -lambert

     


    Lambert Qin | Microsoft Online Support Engineer
    How to ask a question in the forum (http://support.microsoft.com/kb/555375)
    Posting is provided "AS IS" with no warranties, and confers no rights.
    Tuesday, March 31, 2009 7:54 AM

All replies

  • Moving to the customization forum as that is what it clearly is!
    WSS FAQ sites: WSS 2.0: http://wssv2faq.mindsharp.com WSS 3.0 and MOSS 2007: http://wssv3faq.mindsharp.com
    Total list of WSS 3.0 and MOSS 2007 Books (including foreign language titles) http://wssv3faq.mindsharp.com/Lists/v3%20WSS%20FAQ/V%20Books.aspx
    Friday, March 27, 2009 4:52 AM
  • Hi,

    The CSS style .ms-topnav img controls the position of the black down arrow in the horizontal dropdown menu.

     

    Here is the style in core.css for your information.

    .ms-topnav img{

    position:relative;

    left:-6px;

    }

     

    You can override the style in the master page and change the left value to control the position.

    But it is hard to put the image to the left side of the title, because the image is in a cell which position is on the right of the title text cell.

     

    Per my knowledge, you need to extend the ASP.NET Menu control to implement the feature. And I suggest you to further help in ASP.NET forums.

     

    Hope the information can be helpful.

    -lambert

     


    Lambert Qin | Microsoft Online Support Engineer
    How to ask a question in the forum (http://support.microsoft.com/kb/555375)
    Posting is provided "AS IS" with no warranties, and confers no rights.
    Tuesday, March 31, 2009 7:54 AM