Menu drop-down (code) don´t work...

Hi experts,
I try to develop a component for create the menu in drop-down, but, don´t work. My steps are:
- I create a new project and i add a new portal application object of type AbstractPortalComponent.
-My css is:
#nav, #nav ul {
     padding: 0;
     margin: 0;
     list-style: none;
#nav a {
     display: block;
     width: 10em;
#nav li {
     float: left;
     width: 10em;
#nav li ul {
     position: absolute;
     width: 10em;
     left: -999em;
#nav li:hover ul, #nav li.hover ul {
     left: auto;
- My java is:
package com.sap.portal;
import com.sapportals.portal.prt.component.*;
import com.sapportals.portal.prt.resource.IResource;
public class topnav extends AbstractPortalComponent
    public void doContent(IPortalComponentRequest request, IPortalComponentResponse response)
          response.include(request, request.getResource(IResource.CSS, "css/topnav.css"));
          response.include(request, request.getResource(IResource.SCRIPT, "scripts/topnav.js"));
          response.include(request, request.getResource(IResource.JSP, "jsp/components/topnav.jsp"));
- My jsp is:
taglib uri="NavigationTagLibrary" prefix="nav"
<ul id="nav">
<nav:iterateInitialNavNodes>
     <li>
     <nav:navNodeAnchor navigationMethod="byEPCM" urlParameters="InitialNodeFirstLevel=true"></nav:navNodeAnchor><%
     <nav:ifNavNodeHasChildren>
          <ul>
          <nav:iterateNavNodeChildren>
               <li><nav:navNodeAnchor navigationMethod="byEPCM"></nav:navNodeAnchor></li>
          </nav:iterateNavNodeChildren>
          </ul>
     </nav:ifNavNodeHasChildren>
     </li>
</nav:iterateInitialNavNodes>
</ul>
<>makeHoverable<><><><></>
-My js is the function makeHoverable
i deploy the app, and i upload to the portal... but do nothing, what happend?
Thanks in advance,
Regards,

Hi Victor.
Did you create an iView from your par and add this iView to your framework page?
You may refer to the sdn article Implementing the Hover Menu on Portal Top Level Navigation, [Part 1|http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/6066b302-09c8-2a10-a894-eb9fef30df85], [Part 2|http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/c0a1aea5-a2d1-2a10-c6bc-953bdadfdcb8].
Best regard,
Aliaksandr Zhukau

Similar Messages

  • My Drop Down Menus Do Not Work Properly in IE

    Hey. I'm really stuck and have been for over a week. Let me preface this by telling you I didn't build our website and have little knowledge of spry and spry assets. I can't the get the gentleman that built our site to help and I'm desperate!
    The site - www.ncsoccer.org , has drop down menus. They work fine in Chrome, FF and Live Preview (DW CS4). But in IE8, they do not.
    I had to revise the drop downs (changing names and removing some drop downs - I've done this with no problem before). When I uploaded the index page and the template pages, the error started.
    In addition, the people in my office that use Contribute to update their sections, cannot access anything but our index page and I don't know what (if anything) I've done wrong, as everything worked fine before the menu revision.
    I'm including the 'sprymenubarhorizontal.css" code below. Maybe you can see something that isn't right.
    Thanks for any insight or suggestions. Remember, asking me to create to create sprys or widgets or something like that may be over my head! Try to dumb it down for me!
    Thanks.
    Mark
    (sprymenubarhorizontal.css code)
    @charset "UTF-8";
    /* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
    /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
    LAYOUT INFORMATION: describes box model, positioning, z-order
    /* The outermost container of the Menu Bar, an auto width box with no margin or padding */
    ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
    /* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
    ul.MenuBarActive
    z-index: 1000;
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    /* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
    ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 15em;
    position: absolute;
    left: -1000em;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    /* Menu item containers are same fixed width as parent */
    ul.MenuBarHorizontal ul li
    width: 15em;
    /* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
    ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
    /* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
    ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
    width: auto;
    background-attachment: fixed;
    /* Menu items are a light gray block with padding and no text decoration */
    ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #ffffff;
    padding: 0.3em 0.75em;
    color: #000;
    text-decoration: none;
    /* Menu items that have mouse over or focus have a blue background and white text */
    ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #cccccc;
    color: #000;
    /* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
    ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #cccccc;
    color: #000;
    SUBMENU INDICATION: styles if there is a submenu under a given menu item
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
    /* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
    ul.MenuBarHorizontal ul 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
    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.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image:  url("SpryMenuBarRightHover.gif");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
              display: inline;
              f\loat: left;
              background: #FFF;

    A;though the CSS is very well documented, there are those that ignore those signs. Look at the following
    /* Menu item containers, position children relative to this container and are a fixed width */
    ul.MenuBarHorizontal li
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 100%;
        position: relative;
        text-align: left;
        cursor: pointer;
        width: auto;
        float: left;
    The rest have been given a width of 15em, so this value may be a good start.
    DESIGN INFORMATION: describes color scheme, borders, fonts
    /* Submenu containers have borders on all sides */
    ul.MenuBarHorizontal ul
        border: 1px solid #CCC;
       width: auto;
        background-attachment: fixed;
    Just keep the border property and remove the other two.
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
              display: inline;
              f\loat: left;
              background: #FFF;
    The following is the original for the above
    BROWSER HACKS: the hacks below should not be changed unless you are an expert
    /* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
    ul.MenuBarHorizontal iframe
        position: absolute;
        z-index: 1010;
        filter:alpha(opacity:0.1);
    /* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
    @media screen, projection
        ul.MenuBarHorizontal li.MenuBarItemIE
            display: inline;
            f\loat: left;
            background: #FFF;
    Cheers,
    Gramps

  • DW-MX-04 Drop-down menus won't work.

    I'm using Dreamweaver MX 2004 (have been for several years, so I know my way around it).  I want to create drop-down or fly-outs menu's to consolidate page links into categores in order to reduce the number of link tabs I have on each page.  I've been able to create the menu's I needed (using: Tag Chooser\ Behaviors\ Show Pop-U Menu), but when I preview the pages in IE, the text only shows on the mouseover text (not on top) despite having the text color set as black in the Menu window.  But it gets worse.  When I uploaded the page to try it, the drop down menus don't show up at all when I hover over the main buttons and  I get javascript errors.
    Can anyone give me so assistance on how to resolve this?
    I've checked the text color issue using the code view editing pane, and it matches the way I have it setup in the Pop-Up Menu.  But that's the least of my worries if I can't get them to work at all when the pages are live.
    Thanks...JEB

    MX2004 software is also somewhat antiquated and no longer supported by Adobe.   So it shouldn't surprise you that the tools from nearly a decade ago are obsolete today.  The web itself has changed significantly since 2004! 
    Web standards have moved from HTML3 to HTML5.  Layouts have departed from old school nested tables to more efficient CSS.  Unlike a decade ago, today's web devices include everything from hand held smartphones & tablets to laptops, desktops and TV displays.  So it's not possible to stand still and keep pace with the evolving web.  If you're not moving forward, you're falling behind.
    CSS is not an extension.  HTML = content.  CSS = Cascading Style Sheets.  CSS is used to style your content.    With CSS you can make an ordinary list look like a very cool menu with buttons, borders, shadows, drop-down and rollover effects.  If you master CSS, you can do some very creative things with it.  However, coding skills are essential.
    Below is an example of an unordered list styled with CSS to make a nice horizontal drop-menu.
    http://alt-web.com/DEMOS/CSS-Multi-colored-drop-menu.shtml
    To further illustrate the efficiency and power of CSS, look at CSS Zen Garden. 
    http://www.csszengarden.com/
    Every page on the right panel contains exactly the same HTML code as the first.  The only difference is the CSS code.
    The shift to CSS is intended to help web designers keep styles separate from content. Learning to work with CSS will make a you better web designer and save countless hours of tedious re-coding when you decide to change the look of your site.  It's much easier to edit one file instead of many. 
    Below are some links to help you learn more about how to work with CSS.
    HTML & CSS Tutorials -
    http://www.html.net/
    http://w3schools.com/
    http://www.csstutorial.net/
    https://tutsplus.com/2013/03/the-modern-web-designer/
    Have fun!
    Nancy O.

  • All the menu drop-downs just flicker when I press them.

    All the menu drop-downs (File, Edit, View, etc.) don't display and hold when I press any of them. They flicker on but immediately the content disappears and all that's seen is a ghost outline of the drop-down box. This happens with the major menu items as well as all of the sub-menu items.

    Try to disable hardware acceleration.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"

  • Professional Menu Drop-Downs

    My apologies if this is the wrong section. I am working on creating my own website http://www.outlookcounseling.com and was wondering if there are any good examples of standard JS drop-downs. I attempted using a script I found online; however, the menu drop-down was a little too dynamic for my liking and the menus themselves are not user friendly. Unfortunately, my javascript abilities are subpar so I've come online for help.
    Thanks!

    Try http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=2141544
    Gramps

  • On updating from FF3.5.10 to FF3.6.6; No session-restore option, no menu drop-down "Recently bookmarked" list. (winXP sp3)

    On updating from FF3.5.10 (good :-) to FF3.6.6 (bad :-( ): No session-restore option; no menu drop-down "Recently bookmarked" list. (Sys=winXP sp3)
    1. can a non-techy fix this? :-(
    2. how do I recover to FF3.5.10? - I liked it very much ! - thanks to all at Mozilla :-)

    Make sure that you not run Firefox in [[Private Browsing]] mode.
    In Private Browsing mode some menu items are disabled (grayed) and some features like visited links and others are disabled and not working.
    You are in Private Browsing mode if you see "Tools > Stop Private Browsing".
    See [[Private Browsing]] and http://kb.mozillazine.org/Issues_related_to_Private_Browsing

  • My serial numbers and activation codes don't work

    Hey, anybody out there?  My serial numbers and activation codes don't work and I don't see anyway, through your menus to reach a PERSON!!
    Michelle
    Not much happening out there.

    Try the following:
    Visit www.adobe.com
    Click the MENU link near the upper-right
    Click the ABOUT ADOBE link near the upper-right
    Click the Contact Us link.
    There are some phone numbers there you could try.  I imagine if you call Sales and say you're having a problem they might be able to transfer you to a support line, though I haven't tried it myself.
    I don't think there's much help we can give you here on the forum with that particular problem, unfortunately.
    -Noel

  • Pull Down Menus Don't Work Since New Muse update

    I have only just updated adobe Muse and the pull down menus don't work on my website anymore!
    Can someone help me?

    Hi
    Please share the site url , also if you have made any changes to menu before publish/update the site then please revert back the changes and then check.
    Make sure the menu type is all pages.
    Thanks,
    Sanjit

  • How do I make the Bookmarks menu drop-down larger?

    I'm using a 1920 x 1200 monitor and the icons in the menu are too small. How do I make the Bookmarks menu drop-down larger?
    Not the toolbar. I never use the toolbar. I've removed all toolbars. Don't give me help for the toolbar. I'm asking about the menu, not the toolbar. I want to enlarge the text and icons in the bookmarks menu; How do I do this?
    Using Firefox 9.0.1 on Windows 7 x64 Service Pack 1.
    PC is a desktop machine, not a laptop.
    CPU is Intel Core i7 940 @ 2.93 GHz, with 6 GB RAM.
    Graphics adapter is a pair of Nvidia GTX 285 cards running as a 2-card SLI array.
    On a 11 Mbps (downstream) DSL modem/router.

    Use this extension to adjust the font size for the user interface.
    *Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/

  • How to hide menu drop downs layout

    Can I hide the menu drop downs on my layout pages? They interfere with laying out text and images.

    Hi wayneswhirld,
    Click on the small blue icon next to the menu widget and select top pages. That should hide the drop down menu.
    Regards,
    Abhishek Maurya

  • I cannot open pages on my MacBookPro. I get a message to update it. In my software update in the apple menu drop down, it shows no updates at this time. I have iWork '09.

    I cannot open pages on my MacBookPro. I get a message to update it. In my software update in the apple menu drop down, it shows no updates at this time. I have iWork '09.

    You have 2 versions of Pages on your Mac.
    Pages 5 is in your Applications folder.
    Pages '09/'08 is in your Applications/iWork folder.
    You are alternately opening the wrong versions.
    Pages '09/'08 can not open Pages 5 files and you will get the warning that you need a newer version.
    Pages 5.01 can not open Pages 5.1 files and you will get the warning that you need a newer version.
    Pages 5 can open Pages '09 files but may damage/alter them. It can not open Pages '08 files at all.
    Once opened and saved in Pages 5 the Pages '09 files can not be opened in Pages '09.
    Once opened and saved in Pages 5.1 files can not be opened in Pages 5.
    Anything that is saved to iCloud is also converted to Pages 5 files.
    All Pages files no matter what version and incompatibility have the same extension .pages.
    Pages 5 files are now only compatible with themselves on a very restricted set of hardware, software and Operating Systems and will not transfer correctly on any other server software than iCloud.
    Apple has removed over 100 features from Pages 5 and added many bugs, including files that refuse rto open:
    http://www.freeforum101.com/iworktipsntrick/viewforum.php?f=22&sid=3527487677f0c 6fa05b6297cd00f8eb9&mforum=iworktipsntrick

  • Keyboard short codes don't work anymore on Yosemite

    I have added short codes via Preferences | Keyboard | Short codes on Iphone, Ipad and on Mac mini, but most times they don't work. But here is no regular base when this bug appears. Mostly on OS X where the short codes don't work most times, on Iphone and iPad just on

    Thank you for your answer; but it doesn't help. they exactly describe what I do : My daughter's web parental controls are set on "Allow access to only these websites" and there are many cases where it works. For example, many ads that use another domain that the actuel domain's page are blocked and Safari ask the administrator to add the domain.
    But if I type the domain in the search/URL bar, I can access to the site. links between sites seems to be allowed too. She has access to flash-games sites I didn't allow.
    Example: I set only "disney.fr" and "apple.fr" in the white list of the parental control. If I my daughter write "http://www.cnn.com" in the safari's bar she can access on the website of CNN.
    I'm pretty sure this was OK before. I notice this since a few days. Maybe since the 10.10.3 update ?
    I also know she has moved "Favorites sites" into subfolders (she can't read, she clicked anywhere with the mouse...); it may also be related ?

  • Flash Menu Drop down buttons

    Hi all,
    Im interested in creating a banner type flash menu with a
    header for each button and then once the mouse is clicked over the
    button a menu drops down with more buttons.
    Any help please?

    to clarify if i need, just the ones on the Macromedia site at
    the top.
    Any help?

  • Drop down boxes are not working in joomla

    on a joomla website which i am an admin for actually i am an admin for multiply one but the drop down boxes are not working on any of them it is kind of being a pain

    Are there any error messages in the Web Console (Firefox/Tools > Web Developer) about this?
    *https://developer.mozilla.org/Tools/Web_Console

  • Drop down system does not work just flickers an example can not put an email into a folder

    the drop down system doesn't work an example when I try to put an email into a folder when I click on the move message to location all the folder references just flicker and do not allow me to click on any thing another example when I tried to entered data into the "This happened" block below I just got flickering. This happened over the last few days and happens every time I try to use the drop downs

    Try to disable hardware acceleration.
    *Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
    If disabling hardware acceleration works then check if there is an update available for your graphics display driver.
    *https://support.mozilla.org/kb/how-do-i-upgrade-my-graphics-drivers

Maybe you are looking for