Skip navigation
Currently Being Moderated

changing arrow color on vertical spry menu

Apr 18, 2012 12:53 PM

How do I change the color of the arrow on the vertical spry menu indicating there are submenus for that topic?

 
Replies
  • Currently Being Moderated
    Apr 18, 2012 12:54 PM   in reply to dawnnolan54

    Got a link so we can take a look at your page?

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 18, 2012 1:04 PM   in reply to dawnnolan54

    Hi,

     

    you could use this here (even if made for a horizontal menu bar) and adapt the data to your wishes:

     

    http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample. html.

     

    Have look at the second to last and third to last.

     

    Hans-Günter

     
    |
    Mark as:
  • Currently Being Moderated
    Apr 18, 2012 1:05 PM   in reply to dawnnolan54

    http://www.ipdctest.com/SpryAssets/SpryMenuBarVertical.css

     

    It's the background image in these two CSS rules

     

    ul.MenuBarVertical a.MenuBarItemSubmenu
    {
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

     

    /* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */

    ul.MenuBarVertical a.MenuBarItemSubmenuHover
    {
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

     

    PS the path to your SpryAssets folder is wrong in the page code.

     

    Page code:

     

    <script src="../../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

    <link href="../../SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

     

    Should be

     

    <script src="/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>

    <link href="/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points