Drop Down Menu using CSS only

Apex 3.2

I created a drop down menu for my application by following this blog

http://www.grassroots-Oracle.com/2013/05/CSS-pull-down-menu-using-Apex-list.html

It works perfectly if my list has only one level, but I can't make it work for sub items.

If I add a sub item to my list, then the whole menu displays incorrectly.

Has anyone used this blog before

I'll post on the blog, but it requires a google account, which I am not allowed to create

Gus

Hello Gus,

Have you read the comment of ino?

Thanks Scott, very useful.
An update: it works if there are no submenus. For the same reason that you have described on the

    bug, you can edit the sublist with sublist elements to

  • #TEXT #.

      (extra

        at the end). Took me a while to understand why my submenus are not showing correctly, until I read your comment in the section 'Model sublist before lines'.

It seems to me that that would solve your problem.

Kind regards

Kees Vlek

-----

Company: http://www.orcado.nl

Blog: http://www.orcado.nl/blog/blogger/listings/69-kvlek

Twitter: http://www.twitter.com/skier66

+ If the answer to question please change replied and mark the appropriate post as correct / helpful. +

Tags: Database

Similar Questions

  • Drop-down menu used with anchor on the long table of data links

    Hello

    I have a page on our site where we used a drop shape with anchor tags to let the visitor easy access to specific locations within a long table of data on the same page. Recently, I noticed that the anchors are walking around is no longer the tags in the page but only the beginning of the table anyway. I don't know if over time a few additional codes may have been added to the page that is not in conflict with the form of drop down menu, or if it's something else. I've been agonizing about this for awhile now and unable to fix. I'm hoping a new set of eyes will revisit the issue. the url is http://www.vectron.com/products/saw/saw.htm

    Thank you

    Looks like there are a good number of errors html on this page, some of them have to do with using the code of the named anchor.

    Looks like you have placed the anchors between the openingand the child of the opening. Content cannot go there, move them in theTags and see if that helps.

    It could be something else however, html errors are one of the main causes of the problems of display/functionality. Visit the validator to http://validator.w3.org to clean up your errors. If you work with the code clean and correctly positioned anchors, after return and we can take a closer look.

  • Unable to create the new tab using '+' or ctrl T or the drop down menu.

    By clicking on '+' in the tab bar, using ctrl T or the drop down menu of the file menu new tab does NOT create a new tab. New tabs created only if clicking a link creates one.

    Uninstall the toolbar Ask and it should work again. There is a compatibility issue with the Ask and Firefox toolbar that prevents the opening of new tabs.

  • Ajatix CSS Drop Down Menu not starting on Dreamweaver CC 2015

    Hi, just installed Dreamweaver CC 2015, I downloaded CSS Drop Down Menu 4 light Dreamweaver Extension v4.1.1. When I'm in Dreamweaver and go the Insert menu->-> CSS Drop Down Menu 4 light Dreamweaver Extension v4.1.1 Ajatix nothing hapenned. Ajatix plug-in does not start...  He used to work on an earlier version of Dreamweaver, but no more. Note that I also installed Microsoft Windows 10 lately.  THX

    Always do a job in 2015 CC?

    If this isn't the case, you will need to contact the developer of plug-in to see if they have a newer version that works in 2015 from CC.

    Nancy O.

  • CSS Drop down menu; How to align the edge right of the menu drop down and the parent menu?

    Hi all

    I have a drop down menu that works well.

    The only change that I need to do is to have the right edge of the drop-down menu below to align with the right edge of the parent menu. When you hover over the menu, it currently "injects" down and to the right, with the left edges aligned.

    I want the menu to 'drop' down and to the left, so the straight edges are aligned.

    I tried fiddling with floats and absolute/relative positioning. I don't know what needs to be changed.

    You can provide any assistance is greatly appreciated! I learn through 'cut and paste', please go easy on any terminology you can use.

    Thank you!

    Here is my code:

    .chromestyle{
         width: 100%;
         font-weight: bold;
         float: left;
         height: 29px;
    }

    .chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

    .chromestyle ul{
    border: 0px solid #BBB;
    width: 100%;
    background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
    padding: 4px 0;
    margin: 0;
    text-align: right; /*set value to "left", "center", or "right"*/
    }

    .chromestyle ul li{
    display: inline;
    }

    .chromestyle ul li a{
    color: #000000;
    padding: 4px 7px;
    margin: 0;
    text-decoration: none;
    border-left: 1px solid #DADADA;
    }

    .chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
    background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
    }

    /* ######### Style for Drop Down Menu ######### */

    .dropmenudiv{
    position:absolute;
    top: 0;
    border: 1px solid #BBB; /*THEME CHANGE HERE*/
    border-bottom-width: 0;
    font:normal 12px Verdana;
    line-height:18px;
    z-index:100;
    background-color: white;
    width: 200px;
    visibility: hidden;
    }


    .dropmenudiv a{
    width: auto;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
    padding: 2px 5px;
    text-decoration: none;
    font-weight: bold;
    color: black;
    }

    * html .dropmenudiv a{ /*IE only hack*/
    width: 100%;
    }

    .dropmenudiv a:hover{ /*THEME CHANGE HERE*/
    background-color: #0000ff;
    color: #fff200;
    }

    How about this?

    http://ALT-Web.com/demos/right-aligned-CSS2-Horiz-drop-menu.shtml

    Nancy O.
    ALT-Web Design & Publishing
    Web | Graphics | Print | Media specialists
    http://ALT-Web.com/
    http://Twitter.com/ALTWEB

  • using Firefox 11.0 when trying to 'bookmark this page' in the bookmarks drop-down menu at the top of the browser bookmark pop-up window, but it disappears when I move my mouse to the bookmark window

    using Firefox 11.0 on Windows 7 prof 64 bit, when trying to 'bookmark this page' in the bookmarks drop-down menu at the top of the browser bookmark pop-up window. When I move my mouse over the bookmark pop-up window to change the directory where you will store the bookmark, it disappears before I can do something? If I move my mouse near the yellow star on the right side of the window to the url, the menu bookmark can appear again, but it disappears when I move my mouse over it?

    Hello!

    We have seen similar problems in the past. Read this 2-wire and let me know if they help you:

    https://support.Mozilla.org/en-us/questions/899098
    https://support.Mozilla.org/en-us/questions/850203

    Good luck
    Ibai

  • The back button often responds with a drop down menu of the story rather than simply go back to the previous page. There used to be a small arrow for that, why did you do that?

    The back button often responds with a drop down menu of the story rather than simply go back to the previous page. There used to be a small arrow for that, why did you do that?

    When I left click on the back instead of the browser navigation back button, I go almost every time to get the list of previous browsing history or it will just doing nothing until I click on the new button. The history of combination of button "return" rather than a separate between the historical click of the buttons box is the problem. Combined with my arthritic fingers of aging that is. If I was as fast as I used to be I guess it wouldn't be a problem. I liked the separate history area. This action combination navigation / buttons story scenario is problematic. I'm fairly certain that if I find it quite disturbing to bring to your attention that there are others (old beards) in the same boat I am.

    Thanks for listening
    D

    Use one of the following methods to open the tab history list:

    • Right-click on the back or next button
    • Press and hold the left button of the mouse on the active back or forward button until the list opens

    You can watch this extension:

  • Can I return only one page at a time because the drop down menu to go back multiple pages feature is missing. How to bring back this feature?

    Firefox 3.6, the buttons next and previous also had a drop down menu for me to jump to one of the last, say, 10 pages, I saw rather that only go back one at a time. In addition, the button reload seems to be missing and I can't find a way to get these. Otherwise, an upgrade is impressive; Thanks for all your hard work on this fantastic product.

    You can click right back or front button to open the history list.

  • How to use a drop down menu to post a link internal

    I use Acrobat Pro DC. I want to use a drop down menu to post an internal link in my PDF document. I think its possible, and the solution is probably with JavaScript. I am very new to JS. I have the drop down created through forms, but nothing I have add in the preferences in JS is the case. Any help would be greatly appreciated.

    Thank you

    Ok. So first check the box that says 'Immediately validate the selected value' under the drop down properties, tab Options, and enter this code as its custom validation script:

    If (event.value == "A") this.pageNum = 1; Go to page 2

    If (event.value == "B") this.pageNum = 4; Go to page 5, etc.

    Adjust the values and page numbers, as required.

  • I am trying to perform a static check on the model. When I double click the model and go to the tab control... There is nothing to select in the knowledge module. I want to use CKM here... but nothing appearing in the drop-down menu. The global KMs are no

    I am trying to perform a static check on the model. When I double click the model and go to the tab control... There is nothing to select in the knowledge module. I want to use CKM here... but nothing appearing in the drop-down menu. The global not supposed to KMs the listed here?

    Hello

    You have imported the whole CKM in modules of knowledge?

    If not, import ckm and do it.

    Kind regards

    Gangareddy.k

  • When I click on a drop down menu, my options open to the left.  They used to open to the right, how to change this back to be able to open them to the right?

    When I click on a drop down menu, my options open to the left.  They used to open to the right, how to change this back to be able to open them to the right?

    Which is caused by a windows setting.

    http://timsneath.com/Windows-10-menu-alignment/

  • Drop-down menu horizontal list - change how to open the Sub Menu entry

    Hi all

    Thank you in advance for your time and your help and please excuse my English, this is not my mother language.

    I have a little problem with the list of the menu drop down, I use it instead of the tabs to navigate through my application and now I have users who want a larger arrow / select the field to open the menu void entries. I did a screen capture to make things more clear, but it seems that im not allowed to attach photos to this post.

    The problem is, you have to click on the small arrow - no area is valid to open the submenu and I do not see the possibility to increase the arrow or use a larger space.

    I googled already for a long time but could not find anything specific on the change of this arrow. He could only do a little bigger, or all simply to use the whole of the area to the right of the label in the list drop down Parent (which is a link itself).

    I hope you can provide some ideas how to handle this problem.

    Best regards

    Christian

    Edit: We use: Application Express 4.2.3.00.08

    Hello

    I think that the image does not come from CSS file.

    I can see the source HTML of this image is defined by the img tag.

    Then you should be able to change when you change the list template

    13.2 customization of models

    13.2.10 models list

    Kind regards
    Jari

  • Do not show in the drop-down menu bookmarks

    I want my bookmarks to display in the drop-down list only in the sidebar that I don't want to use

    Is that the drop-down menu that shows if you click view your bookmarks' button next to the button star bookmarks in the Navigation toolbar?

    Note that when you to bookmark a page by clicking on the star, then the new bookmarks is created in the unsorted folder.
    The unsorted folder does not show in the drop-down list.
    You can click on the underlined blue stars another moment to change the bookmark and move it to another folder.

  • The drop down menu boxes that appear under the heading of Firefox do not fill. A form of box on the screen, but it is empty. Given zero no has not solved the problem.

    The file, editing, display and help tabs that were on the previous version of FireFox Menu bar top are apparently incorporated into the "FireFox" drop-down box in the latest version of the browser. I was unable to open those tabs earlier, so by the recommendation of the Support Forum, I have Firefox on my laptop. Now not only the tabs above are missing after this reset, but the drop down menu does not open in any submenus. What I see now is a box on the surrounded black screen, but sub menu selections such as save as, print, copy etc are not shown in the box. This is why the Navigator is not functional in its current state.
    Does anyone have a fix for this problem that will not delete my favorites and other content stored on Firefox? Please save me to return to Internet Explorer.
    AJJC

    Try disabling hardware acceleration in Firefox.

  • How can you change a menu drop-down menu in a case statement?

    Hello

    I'm trying a table find vi. This VI will be an existing xml file and once the user has selected access to its equipment, input, output and frequency it put all of these options in a string and search the XML for this exact table name and post it on one screen of output. The problem I have is my entry and exit selection must be a little different depending on the chosen equipment. I thought I could use an instruction box to change the options of selectable input and output, but I ran into snags a lot with it. For whenever I have to put a new drop of entry and exit in the drop-down menu in the case statement, he wants to put a new one in the front (I only want to enter and exit not only three I have two inputs and outputs hidden right now). I think I'm using the wrong case statement... Can someone help change my input and output, selectable options depending on the chosen equipment. Attached is my xml file, Array Find.vi (the original) and table Find_Test.vi (that's what I'm trying to change).

    Thank you

    dlovell

    Hi dlovell,

    A few changes in the attached VI:

    Requirements/possible Solutions

    • When the value of the equipment, do something
      • Add the cases to the value of equipment change event
    • Do something = decide what channels to write, to change the input and output strings
      • Read material value changed
      • Decision (case structure)
      • Channel (same method as the previous mod)

    Hope this helps

Maybe you are looking for

  • OfficeJet Pro 8620: This second bin 8600-8620

    I am replacing an older 8600 with a 8620.  Will be the second drawer of my 8600 with the 8620 work?

  • Satellite T - what CPU is faster?

    HelloI'm doubt between these two models:1 Intel Celeron M 743 1.3 GHz800 MHz front side bus1 MB L2 Cache 3 (1 + 2) GB DDR2 800 MHz and 2.Intel Core 2 Solo SU2700 1.3 GHz frekvenci s800 MHz front side bus2 MB of L2 Cache 4 (2 + 2) GB of DDR3 memory at

  • What is DRMK V8.00 he keeps trying to download computer tomy hours later it crashes.

    in this case start ob, the loading DRMK V8.00 message arrives. It runs a blocking long time then just, so I started to ctrl-alt-delete it then continues startup computer.

  • How do I uninstall Mywebsearch

    I use Internet Explorer 8 and Windows XP SP2 because of my graphics from ATI all-in-Wonder card functions do not work correctly with more updates. Until now, whenever I try to replace mywebsearch.com by another url by default, it replaces my selectio

  • Records downloaded from Youtube freezes when trying to play.

    Original title: HARD DRIVE FREEZE MY RECORDINGS OF YOU TUBE I was download dances since Nov 2011 on my external hard drive and now dances are gel - suggestions? I bought a hard drive in November 2011 for my music and dance, and now when I discovered