How to make side navigation menu using ADF

Hi,
I wanted to make a side navigation menu, like, there is a vertical menu and if I place the cursor on(or select) one of the menu item and it shows the children menu items sideways( having go links).
How can I achieve that?
I am using Jdev 10.1.3.3

If I understand your requirement you're looking for something like this: http://deluxe-menu.com/sound-support-sample.html
Under 10.1.3 using ADF Faces I don't believe there is a component available to achieve this. Potentially under 10.1.3 you'll need to look to a 3rd party Javascript solution. Whether this will work with ADF Faces + JSF navigation is questionable. Potentially others on the forum can comment.
As an alternative solution under 10.1.3 you may want to look at using an af:tree component instead. It wont be as nice as the solution shown above, but will give you a multilevel menu selection.
Regards,
CM.

Similar Messages

  • How to render side navigation menu programmatically.

    Hi all,
    I Have standard pages (i.e Customer online pages ) when I navigate one page to another page 2nd page have side navigation menu
    This page is attached as first page in side navigation menu so by default this menu is displaying if I navigate from this page to
    Author pages using keep_menu_context it is displaying to all author pages.
    Now my requirement is I need to go 3rd page from 1st page on that time the menu is not displaying (side navigation menu).
    Thanks in advance....
    Regards,
    Sridhar.

    If I understand your requirement you're looking for something like this: http://deluxe-menu.com/sound-support-sample.html
    Under 10.1.3 using ADF Faces I don't believe there is a component available to achieve this. Potentially under 10.1.3 you'll need to look to a 3rd party Javascript solution. Whether this will work with ADF Faces + JSF navigation is questionable. Potentially others on the forum can comment.
    As an alternative solution under 10.1.3 you may want to look at using an af:tree component instead. It wont be as nice as the solution shown above, but will give you a multilevel menu selection.
    Regards,
    CM.

  • Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now ?

    Is their any tutorials on how to make a navigation bar with drop downs in Dreamweaver CC now that they do not have the spry option?

    bbull2005 wrote:
    Preran, why wouldn't Dreamweaver include it's own menu/navigation bar widget?
    I can't answer on Preran's or Adobe's behalf, but I think you'll find at least part of the answer here: http://wiki.jqueryui.com/w/page/38666403/Menubar
    Adobe decided to discontinue development of Spry in August last year, and Dreamweaver CC made the switch to using jQuery UI widgets and effects. One reason for dropping Spry was that it failed to work correctly in some browsers. Judging from the fact that the jQuery UI menubar is now "on ice", creating a flyout menu that works reliably across all devices is proving more difficult than originally envisaged.
    Because all other widgets in Dreamweaver CC use jQuery UI, it's a reasonable assumption that Adobe hoped the jQuery UI menubar would be ready in time, but it wasn't.

  • How to create an navigation menu for a onepager

    I need a menu for a onepager but i have no idea how to manage it. Any ideas or solutions?
    Thx for your help and time.

    Do make a navigation menu from the widget,in settings put manual and next choose the tabs for example contact and make a hyperlink to an anchor!

  • My Side Navigation menu and spry tabbed panels aren't working together. Can I fix this?

    I have made some tabbed panels, but my side navigation is not working correctly now. See the following page for an example. http://www.foxthermalinstruments.com/products/index.php   When you mouse (hover) over "Applications" on the side navigation menu you can see that some of the options are covered up by the tabs on the tabbed panel. If you try to hover down to one of the options that is covered or below the tabs on the tabbed panel the side navigation menu disappears. BTW, I am using Dreamweaver CS6.

    I have to be brutally honest.  I refuse to use Spry.  Adobe abandoned the framework late last year after practically ignoring it for 3-1/2 years.  It served it's purpose for a few years but it doesn't hold up well in newer browsers like IE10 and touch screen devices.
    Keep using it if you want but I don't have much interest in fixing something that is inferior to begin with.
    My advice is to run away from Spry.  Either switch to jQuery or get any of the excellent commercial extensions from Project Seven.  You'll be glad you did.
    http://jqueryui.com/tabs/
    http://users.tpg.com.au/j_birch/plugins/superfish/
    http://www.projectseven.com/
    Nancy O.

  • Best way of having left-side navigation menu?

    Hello Folks,
    I'm interested in developing an application using JSP and the design requirement is that it should have a left-side navigation menu. Is there an Oracle recommended way of doing this or should I resort to using DHTML? In addition, please let me know if you have any suggestions.
    Thanks!

    You have two parts in your question: left side navigation menu;
    You can define and use templates (HTML Templates) for your Pages in the Portal to structure your pages, such that Navigation or navigational tools can be placed on the page wherever you like. That is for the positioning of the navigational tools.
    To define your navigational tools (menus, for eg), you may still use DHTML and/or a combination of other methods.
    hope that helps!
    AMN

  • How to load the boot menu using the command line , after the configuration change ?

    how to load the boot menu using the command line , after the configuration change ?

    Hi @Bask-48 
    Welcome to the HP Forums!
    It is a terrific place to find answers.
    For you to have the best experience in the HP forum I would like to direct your attention to the HP Forums Guide Learn How to Post and More
    I grasp you are trying to change the boot order.  Here is a link to Configuring the Boot Order in the System BIOS
    that will assist you.
    Good Luck and Happy Holidays!
    Sparkles1
    I work on behalf of HP
    Please click “Accept as Solution ” if you feel my post solved your issue, it will help others find the solution.
    Click the “Kudos, Thumbs Up" on the bottom right to say “Thanks” for helping!

  • How to make form based authenticaiton in adf security?

    Hi all
    How to make form based authenticaiton in adf security?
    help give example video or project.
    Thanks lhagva

    Have you read the docs (http://download.oracle.com/docs/cd/E17904_01/web.1111/b31974/adding_security.htm)?
    Timo

  • How to make different users to use different Plan_Tables?

    How to make different users to use different Plan_Tables?
    I want each user use his own's Plan_Table. How to achieve this goal?

    qkc wrote:
    How to make different users to use different Plan_Tables?
    I want each user use his own's Plan_Table. How to achieve this goal?Which version of Oracle - if you're on 10g or later you are already (effectively) doing this.
    If not, then copy the 10g strategy back to your version; in outline:
    <ul>
    drop all existing plan tables
    create a table (but call it plan_table$) in the SYS schema (you may prefer to use SYSTEM) as a global temporary table on commit preserve rows
    create a public synonym plan_table for plan_table$
    grant select insert update delete on plan_table to public
    </ul>
    Look in $ORACLE_HOME/rdbms/admin/catplan.sql in a 10g version of Oracle to check how it's done.
    Each user gets a private (temporary) table in their temporary tablespace whenever they use the plan_table
    Their private data disappears when there session ends.
    Regards
    Jonathan Lewis
    http://jonathanlewis.wordpress.com
    http://www.jlcomp.demon.co.uk
    To post code, statspack/AWR report, execution plans or trace files, start and end the section with the tag {noformat}{noformat} (lowercase, curly brackets, no spaces) so that the text appears in fixed format.
    There is a +"Preview"+ tab at the top of the text entry panel. Use this to check what your message will look like before you post the message. If it looks a complete mess you're unlikely to get a response. (Click on the +"Plain text"+ tab if you want to edit the text to tidy it up.)
    "Science is more than a body of knowledge; it is a way of thinking"
    Carl Sagan                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   

  • How to make a contact sheet using iPhoto

    how to make a contact sheet using iPhoto

    Which iPhoto version do you have?
    In iPhoto '11 you can make the Contact Sheet by selecting all photos you want on the sheet, press ⌘P, and in the Print panel select "Contact Sheet". Set the number of columns, adjust the margins, and select the captions you want.
    Then press the Print button.

  • How to create side navigations programatically

    Hi,
    Can you please tell me how to create side navigations for a page programatically.
    Thanks in advance

    See topic "Tabs / Navigation" in dev guide, this is explained ind etaqil with sample code.
    --Mukul                                                                                                                                                                                                                                   

  • How can I create a hyperlink directly in the navigation menu using iWeb09?

    I would like to add a URL to an external page in the navigation menu of my website using iWeb09. I have not been able to change the URL automatically generated by iWeb09 for each new page. The best I can do is to select text or an image that I want to link to the external page. I would rather create the hyperlink directly in the navigation menu. Is there a way of doing this?

    Try this...
    Create a blank internal page named "Link" (actually you can name the page whatever you want.) Then in that "Link" page add an HTML Snippet with the following code:
    <script type="text/javascript">
    parent.window.location = "http://www.externalpage.com"; // change this to your own URL
    </script>
    ...Once published, clicking on "Link" in iWeb’s navbar will immediately redirect to the external page. (Thanks to Cyclosaurus for the code).

  • How to make a good menu!!!

    Hi!!!
    How can I make a good menu that it executes at runtime? Also this menu has to read a .txt file, which has the user permissions to display the menu according the connect user.
    I try to do with javascript, but I don't know to read a file.txt with javascript and to give the parameters to the .java of the page.I have read a lot of manuals of studio creator and javascript and I don't read anything to do this.
    I also see that some people do these menus in jsp, but the studio creators jsp code view is in XML, and the tutorial and examples of jsp are in pure jsp with html, so I can't use in studio creator.
    Thankssss

    I've read about the destruction due to sweat and have been careful where I put the iPod. I'm in the humid deep south, so I have a real concern.
    I took it out on a run during a rainstorm on Jan 1, but didn't use the earphones. It only came along so it could record Nike+ data, and it was inside a baggie so it had a better chance of staying dry. It did fine.
    My concerns are keeping moisture out of the data port and the headphone jack. Since I've got the Nike+ dongle, it's more difficult for moisture to get in there.
    I've only had it in mild weather, minus rain. If it's fair weather, it clips to the front of my shorts off to the side, where I've seen that I tend not to drench my shirt with sweat. I thought of using a wrist strap, but there's been too many times where I've had sweat dripping off my wrists/palms.
    Of course, this is way off topic, but I thought I'd give you my opinion.

  • How to make a sidebar menu with subsection?

    Hello
    I've been trying to make a sidebar menu with subsections you can expand and collapse both in muse and edge animate but I just can't. I've search the net for tutorials for two weeks now, it's like such a menu just doesn't exist even tho I've seen them on several sites.
    Thos is a picture of how I want it to look:
    As a default, you can only see "home" and the two "subject". Then when you click on the first "subject", the two "tutorials" expand down, when you click on the individual "tutorials" the parts of that tutorial expands down. When you click on the buttons that expand subsection again, they collapse.
    As I've said I've search for tutorials for weeks, the person I'm making the website with has also search without any luck at all. I've found a tutorial that lets me have 1 button with subsection expanding when mouse is over it, but nothing where there are buttons below the button you expand. I'm starting to thing it's just impossible, but I can't understand how it should be impossible. In case it actually is possible I need to re-thing the way I organise and navigate the entire site.
    There is gonna be a whole lot of content on the site, we expect it to grow with up to 100 pages a month, therefor the navigation is obviously very important.
    I really hope someone can help me! A link to a tutorial I haven't been able to find or a description on how to do it, thanks!

    Hi,
    I am relatively new to Muse and hardly an expert, but I just did what you are describing.  Go to the Widget Library, Compositions > Blank.  In the Target, insert a Vertical Menu (also in the Widgets Library).  In the Options menu, under Menu Type select All Pages.  If that doesn't work the way you want it to, you might have to select the Manual menu option.
    Here's a short tutorial on how to use the Compositions Widget:
    Adobe Muse Mega Menu Dropdown Widget | MuseThemes.com
    Other tutorials that may help:
    http://terrywhite.com/how-to-create-a-dynamic-sliding-menu-for-your-mobile-website-in-adob e-muse/
    How To Create A Sliding Menu for Your Mobile Website in Adobe Muse - YouTube
    You might also look at Panels > Accordion.  You can insert your menu into the Accordion Target.
    Hope this helps.
    John

  • How to make fullscreen mode work using javascript

    1.I want to open the window in fullscreen mode.
    It works fine for internet explorer.
    But in netscape navigator 8.0 as the tab browsing is there
    The menu bar appears on the page.
    That i don't want.
    2. Also when the window opens in full screen mode and if after that
    i press the ctrl+N the new window doesn't open in full screen mode.
    Giving the sample code as below.
    So how to make it work in full screen mode in both cases.
    //The sample code is given
    //check.html
    <HTML>
    <HEAD>
    <TITLE> Full Screen </TITLE>
    <script type="text/javascript">
    <!--
    function myPopup() {
    window.open( "http://www.google.com/", "myWindow", "status = 1, height = 300, width = 300, resizable = 0,fullscreen=yes" )
    //-->
    </script>
    </head>
    <body>
    <form>
    <input type="button" onClick="myPopup()" value="POP!">
    </form>
    <p onClick="myPopup()">CLICK ME TOO!</p>
    </body>
    </HTML>Plz help me.
    Thanx in Advance.
    Reema.

    dont try to use a browser for what its not intended to do.
    A browser is never been intended to work in fullscreen mode. Trying to control the size a browser is displayed in, is considered bad practice and sites that do it are usually very annoying.

Maybe you are looking for