3rd level hover menu in portal

Hi,
I have implemented the hover menu as explained in this blog by Ameya
"Implementing the Hover Menu on Portal Top Level Navigation, Part 2"
Does anyone know how to implement the third level  Hover menu in portal?
e.g.
CRM
       - SALES
                     -SUPPORT
Is it possible to have the 'detailed navigation' links as an option on the hover menu??
Can anyone please provde me the details?
Thanks,
DVK

plz refer to following links:
http://help.sap.com/saphelp_nw04s/helpdata/en/5a/33befa45ca7f459b24d0c5d51d0749/frameset.htm
Number of levels in Top level Navigation
hope thid helps you to some extent.
Regards,
Yogesh...

Similar Messages

  • Error while creating iViews after implementing custom hover menu in NW 7.3

    Dear Experts,
    We recently implemented a customized hover menu in Portal 7.3. Since then while creating an iView we are getting the following error :
    java.net.MalformedURLException: Illegal character in query at index 1023: /irj/servlet/prt/portal/prtroot/com.sap.portal.pagebuilder.IviewModeProxy?iview_id=pcd%3Aportal_content%2Fcom.sap.pct%2Fadmin.templates%2Fiviews%2Fcom.sap.portal.adminStudioRedirector&iview_mode=default&isEmbedded=false&workUnitIndex=0&oClass=com.sapportals.portal.iview&PagePath=pcd:portal_content/administrator/super_admin/super_admin_role/com.sap.portal.content_administration/com.sap.portal.content_admin_ws/com.sap.portal.wd_portal_content&SerWinIdString=&tabID=Tab054b1825_40f6_11e1_8169_00000ace34a2&workUnit=pcd%3Aportal_content%2Fcom.sap.pct%2Fadmin.templates%2Fiviews%2Feditors%2Fcom.sap.portal.appintegratorWizard&com.sap.portal.reserved.cnfgurl=pcd%3Aportal_content%2Fadministrator%2Fsuper_admin%2Fsuper_admin_role%2Fcom.sap.portal.content_administration%2Fcom.sap.portal.content_admin_ws%2Fcom.sap.portal.wd_portal_content%2Fcom.sap.portal.admin.studio.configuration&ComponentType=com.sapportals.portal.iview&NavigationTarget=navurl://e9d5d97dd3e55c9763a4973a016a3cc6&where=pcd%3Aportal_content&TarTitle=Portal Content Management&NavMode=0&sessionID=1326796101929&PrevNavTarget=navurl://032ac1f471768f5a16cac8e152546fd3&objectID=pcd%3Aportal_content&HistoryMode=1&com.sap.portal.reserved.wd.pb.restart=false&what=portal_content/templates/iviews/sap_bi7x_report_iview&workUnitUniqueId=054b1824-40f6-11e1-81f7-00000ace34a2&editorID=Tab054b1825_40f6_11e1_8169_00000ace34a2&displayName=New+iView&ClientWindowID=WID1326795999656
    The error persists for all iView templates. Please provide your inputs.
    Best Regards
    Gaurang Dayal

    Hi Gaurang Dayal,
    The problematic part is the (first) space character within the parameter
    TarTitle=Portal Content Management
    You'd have to examine why this is not escaped.
    Hope it helps
    Detlev

  • Hover menu hiding behind portal Iframe

    hi Experts,
    I have prepared a hover menu which hides behind the Iflex controls and other portal Iframes. I had read all the other threads related to this issue, and found that the only solution to this problem is to have Iframe behind the div code.
    Can anyone please give an example code to this for better understanding
    Points would be given for helpful answers.
    Regards,
    Sanjyoti.

    Hi sanjyothi,
    Can you please provide few more details on what on that Hover Menu? Are you trying to implement that Hover menu on top level navigation? Is that Hover menu par iview working fine when you preview that iview?
    Regards,
    Divya

  • Bootstarp 2  nav menu in bc(3rd level drop downs)

    Hi everyone,
    I am making a module V2 bootstrap nav menu in BC but i cant get the 3rd level  ITEM_1_1  and Items Item2_1_ and item  ItEM2_1_1 to open,
    Here's the code of the file children.html for  this.
    <li class="dropdown"{tag_menuitemidname_withid} {tag_menuitemcssclass_withclass}>
    <a class="dropdown-toggle" data-toggle="dropdown"  href="{tag_menuitemurl}">{tag_menuitemlabel}
    </a>
    <ul class="dropdown-menu">
    {tag_menugroup}
    </ul>
    </li>
    the code for the group.html:
    <ul class=" nav">{tag_menuchilditem}</ul>
    and the code for the container.html:
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <div class="nav-collapse collapse">
          <div id="1529273">{tag_menugroup}</div>
        </div>
      </div>
    </div>
    How can this be done?
    The link:
    Home Page

    View the source code of this menu I'm working on
    http://www.ossiningdesignguild.com/indexV3.html
    The CSS can be seen here:
    http://www.ossiningdesignguild.com/TJnav.css
    The deepest dropdowns are under "Jewelry/Stainless Steel/Mens" path.

  • Bootstrap nav menu in BC(3rd level dropdowns)

    Hi everyone,
    I am making a module V2 bootstrap nav menu in BC but i cant get the 3rd level  ITEM_1_1  and Items Item2_1_ and item  ItEM2_1_1 to open,
    Here's the code of the file children.html for  this.
    <li class="dropdown"{tag_menuitemidname_withid} {tag_menuitemcssclass_withclass}>
    <a class="dropdown-toggle" data-toggle="dropdown"  href="{tag_menuitemurl}">{tag_menuitemlabel}
    </a>
    <ul class="dropdown-menu">
    {tag_menugroup}
    </ul>
    </li>
    the code for the group.html:
    <ul class=" nav">{tag_menuchilditem}</ul>
    and the code for the container.html:
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <div class="nav-collapse collapse">
          <div id="1529273">{tag_menugroup}</div>
        </div>
      </div>
    </div>
    How can this be done in BC?
    The link fot the page:
    Home Page

    View the source code of this menu I'm working on
    http://www.ossiningdesignguild.com/indexV3.html
    The CSS can be seen here:
    http://www.ossiningdesignguild.com/TJnav.css
    The deepest dropdowns are under "Jewelry/Stainless Steel/Mens" path.

  • Bootstrap menu in BC(3rd level dropdowns)

    Hi everyone,
    I am making a module V2 bootstrap nav menu in BC but i cant get the 3rd level dropdown ITEM_1_1  and Items Item2_1_ and item  ItEM2_1_1 to open,
    Here's the code of the file children.html for  this.
    <li class="dropdown"{tag_menuitemidname_withid} {tag_menuitemcssclass_withclass}>
    <a class="dropdown-toggle" data-toggle="dropdown"  href="{tag_menuitemurl}">{tag_menuitemlabel}
    </a>
    <ul class="dropdown-menu">
    {tag_menugroup}
    </ul>
    </li>
    How can this be done?
    The link:Home Page

    View the source code of this menu I'm working on
    http://www.ossiningdesignguild.com/indexV3.html
    The CSS can be seen here:
    http://www.ossiningdesignguild.com/TJnav.css
    The deepest dropdowns are under "Jewelry/Stainless Steel/Mens" path.

  • TLN hover menu enabled - can't select 1st level node

    Hi,
    I've enabled the hover menu for TLN, but now I can't select a 1st level node, only 2nd level ones. When I click on something on the first level, it just ignores it.
    Is this how it's supposed to behave, and can I change it?
    Many thanks
    Jane

    SAP have said this is how it is meant to work, but in some cases it makes the TLN harder to use.
    How would I go able making the first-level tabs act the same way in the hover menu as they do normally?
    Any help would be greatly appreciated!
    Regards
    Jane

  • 3 Level Dropdown Menu in Top Level Navigation

    Hi All,
    I have to customize the TLN, to a 3 level drop down menu(hover effect) pattern.
    I am having a JSP page and a CSS file to handle the styling part. But i am not able to get the desired output. There are lot of blogs on 2 level DD menus, but nothing is found for 3 levels.
    Please help me in this if somebody has already achieved this requirement.
    With the codeI am using the nodes are not coming properly, few nodes from the 2nd level and few nodes fom teh 3rd level are getting displayed together.
    <ul>
        <nav:iterateInitialNavNodes>
            <li class='Level1'><nav:navNodeAnchor navigationMethod="byURL" />
            <nav:ifNavNodeHasChildren>
                <ul>
                <nav:iterateNavNodeChildren>
                    <li class='Level2' id='l1'><nav:navNodeAnchor navigationMethod="byURL" />
                         <nav:ifNavNodeHasChildren>
                              <ul>
                              <nav:iterateNavNodeChildren>
                                   <li class='Level3' id='l2'><nav:navNodeAnchor navigationMethod="byURL" /></li>
                              </nav:iterateNavNodeChildren>
                                  </ul>
                              </nav:ifNavNodeHasChildren>     
                         </li>     
                </nav:iterateNavNodeChildren>
                </ul>
            </nav:ifNavNodeHasChildren>
            </li>
        </nav:iterateInitialNavNodes>
        </ul>
    Please post your suggestions on this.
    Regards,
    Becky.
    Edited by: Becky Joseph on Oct 17, 2010 12:09 PM
    Edited by: Becky Joseph on Oct 17, 2010 12:12 PM
    Edited by: Becky Joseph on Oct 17, 2010 12:15 PM

    Hi Simon,
    I tried as you suggested like this:
    <li class='Level2' id='l1'><nav:navNodeAnchor navigationMethod="byURL" />
                         <nav:ifNavNodeHasChildren>
                              <ul>
                              <nav:iterateNavNodeChildren currentNavNode = "CurrentRoot">
                                   <li class='Level3' id='l2'><nav:navNodeAnchor navigationMethod="byURL" /></li>
                              </nav:iterateNavNodeChildren>
                                  </ul>
                              </nav:ifNavNodeHasChildren>     
                         </li>
    But then also there is no change in the output. What is the value that has to be set to the currentNavNode attribute?
    Regards,
    Becky.

  • Scroll bar in the Hover Menu

    Dear Expert,
    We have implemented the Hover menu in our Netweaver Portal 7.01. Everything is working very fine but now we are coming across a problme for the users having roles more than 7. In TLN the roles come in 2 rows one after the another.When the users try to acess the submenu of the frole in the first row he has to struggle a lot, always the role in the 2nd row gets selected.
    To fix this issue i am trying to create a scroll button at the end of the screen and the 2nd row role should come after this button instead of the 2nd row.
    Any other solution is also welcome..
    Thanks and Regards,
    M.D.Sahu

    Marilynn,
    Hopefully, you will not have to go far down this general list.
    You may try the following (you may have tried/done some of them already) and see whether it helps (the following is a general list of things you may try when the issue is not in a specific file; 3) and 4) are specifically aimed at possibly corrupt preferences):
    1) Close down Illy and open again;
    2) Restart the computer (you may do that up to 3 times);
    3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
    4) Move the folder with Illy closed (more tedious but also more thorough and reversible);
    5) Look through and try out the relevant among the Other options (Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy);
    Even more seriously, you may:
    6) Uninstall, run the Cleaner Tool, and reinstall.
    http://www.adobe.com/support/contact/cscleanertool.html

  • How to create a 3 or more level Popup menu

    Hello,
    I know how to create a 2-level menu for somehting like:
    Fruits>Apple
              Banana
              Oranges
    var choice = app.popUpMenuEx(
         {cName: "Fruits",
          oSubMenu: [ {cName: "Apple", cReturn: "Apple" }, {cName: "Banana", cReturn: "Banana" }, {cName: "Melon", cReturn: "Melon" } ]},
    But what would the code look like for something like (3 level):
    Fruits>Apple
              Banana
              Oranges>Navel
                            Valencia
                            Moro (Blood)
    or even something like this (4-levels):
    Location A......>Site A......>Properties...>Property1
                                                                Property2
                                                                Property3
                            Site B>
                            Site C>
    Location B>
    Location C>
    So overall, how would the above script for a 2-level popup menu be modified for a 3, 4, or more level popup menu?

    Hi,
    You can add the oSubMenu values at any level, so;
    var choice = app.popUpMenuEx(
         {cName: "Fruits",
          oSubMenu: [ {cName: "Apple", cReturn: "Apple" },
                      {cName: "Banana", cReturn: "Banana" },
                      {cName: "Oranges",
                       oSubMenu: [ {cName: "Navel" },
                                   {cName: "Valencia" },
                                   {cName: "Moro (Blood)" } ] }
    console.println(choice.toSource());
    Would give you the menu in your first example.  If the cReturn value is the same as the cName then you can just leave it off (as I have for th 3rd level menu).
    Regards
    Bruce

  • Second level navigation menu not highlighted

    Hello Experts,
    We have a par file which is redirecting to a third party website from portal using Response.sendRedirect.Here the issue is when the third party website opens in the same window in portal,second level navigation menu is not getting highlighted,its still highlighting the previously selected menu.We are on EP6 SP16.
    Thanks in advance,
    Suresh

    Hi Suresh,
    I guess that's because you are just redirecting the page & this doesn't refresh the Navigation nodes.
    Hence just try adding the below code before redirection.
    refreshPage() ;
    function refreshPage() {
    try {
    frameworkSupport.refreshContentArea();
    } catch(e) {
    document.location.reload()
    Redeploy and check. I think it should work.
    Regards,
    Santhosh

  • Horizontal scrollbar in the 3 level hover Top level Navigation

    Dear All,
    I have implemented a customised 3 level hover Top level Navigation in my Portal. However if the number of Roles increase in TLN, they get added to the next line. I want to implement a horizontal scrollbar in the Top level Navigation.
    Request your help on the same.
    Thank you,
    Regards,
    Disha.

    Dear Atul,
    Thank you for your quick reply.
    However, using horizontal-y is not serving my purpose. I want the functionality similar to that of the standard SAP TLN in case of the scrolling bar when the number of roles increase in TLN.
    Can you plz help me in writing the code for the same.
    Thank you,
    Regards,
    Disha.

  • Vertical Hover Menu on TLN !!

    Hi all,
    well, i have developed a vertical hover menu for my portal by following a blog posted here on SDN, but somehow my requirement is not getting fullfill, i want the TLN to be more interactive and more attrative, i have coded a css file also and after total 3 days of trying with many options i am left no clue at all,
    For reference here is something i am trying to do like :
    http://www.ibsolution.de
    I tried using the css property for displaying an image in TLN :
    BACKGROUND: url(/images/ameya.gif) fixed; 
    But it is not working, any help on how can i change the shapes of TLN like the above mentioned site has?
    What changes in CSS is to be made? If anyone has done this then kindly help me in solving this probelm..
    Kindly put your thoughts as i am running out of the time !!
    Thanks in advance..
    Regards,
    Ameya

    Hi Ameya,
    In the page you are refering to (http://www.ibsolution.de) the TLN is implemented in Adobe Flash with "last minute data injection".
    This means that the framework for this TLN is implemented in flash but that the TLN data is coning from the TAG libs....
    The best you could do without using flash is to add some fancy javascript...
    Maybe the following website can provide you a good sample to build on:[http://www.dynamicdrive.com/dynamicindex1/|http://www.dynamicdrive.com/dynamicindex1/]
    Cheers,
    Benjamin Houttuin

  • Hover Menu hiding behind the iview

    Hi All,
    I have implemented a Hover Menu for TLN in my portal.
    the problem I am facing is that the Hover Menu hides behind,or is overlapped by the Flex Iview ,which is displayed in the portal content area.
    This is undesirable,as the user then cant navigate in the hover menu.
    The isolation property for the hover menu is embedded,while for the Flex Iview it is URL.These properties cant be changed.
    Can anyone suggest how to overcome the problem without changing these properties.
    Thanx.....
    Edited by: Juhi  Bhatnagar on Apr 9, 2008 11:32 AM

    Hi Juhi Bhatnagar
    i hope this might help you over come to the point you need
    Use IFRAMES for External Content
    This version of the tabbed UI looks and acts very much as if an <iframe> were embedded on the page. In fact, if you need to use external content for the panel contents, an <iframe> is extremely easy to implement. Just swap out the <div> elements with <iframe> elements, add a src attribute, and modify the tab text:
    The extra <div> element in the preceding code that appears just after the <body> element displays while the browser fetches the external content. That way, users see something during the load process, which is usually a good idea, because users should know that the browser is working for them. Adding the extra <div> won't make the page load any faster but it will increase the user's perception of speed.
    There are some obvious benefits of implementing a tabbed interface in this manner. Tabs let users navigate between content more easily than switching pages. Because tabs are relatively easy to implement, development time is short. Also, if you're using internal content, the pages load quickly. Switching from internal to external content is painless—just change the panel <div> tags to <iframe> tags. Finally, the tabs provide state for the user and are visible at all times.
    Thanks
    Rajnikanth Dumpala

  • Hover Menu and VC apps

    Hello,
    I've developped some Visual composer applications for my portal. I've also put in place a dropdown hover rmenu.
    I'm facing an issue concerning the integration between the 2 components : the hover menu is always displayed under the VC application, which hides the subentries of my menu...
    I've read about some parameter called "wmode" that should be set to "transparent" in Flash app to allow the menu to be displayed over my VC app, but can't find where I can specify it in a standard VC app.
    Could anyone help me resolving this issue?
    Thanks,

    Hi Florian,
    Thanks for your answer but I think you didn't understood my question.
    What I would like is not displaying or not the hovermenu.
    The problem is that my hovermenu is always considered under every VC application, which are displayed as flash objects in a web browser.
    Maybe a screenshot could explained better than I:
    http://images.imagup.com/08/1231773588_hovermenu_VCApp.jpg
    The problem is that I've got other subentries in my menu following "Warranty claim Tracking" which are not displayed here because they are considered under my VC application.
    I hope it's clearer. Thanks for your help.
    Edited by: Xavier TENDRON on Jan 12, 2009 10:36 AM
    Edited by: Xavier TENDRON on Jan 12, 2009 10:36 AM
    Edited by: Xavier TENDRON on Jan 12, 2009 10:37 AM

Maybe you are looking for