Re: problem with menu drop-down lists.

Hello everyone,

I am facing a problem with the drop-down lists in my application, I have 4 drop-down lists one under the other. The main problem follows here, the second list is being covered by the first list when the first list fell down. How to get rid of it, any suggestions please,

Thank you and happy new year.

You must listen to the update and then change the order of objects.  Seems odd that RIM does not perform this themselves because it is a problem long been known.  A few other controls have similar problems.

Community Library:

import flash.events.Event;
    import flash.events.FocusEvent;

    import qnx.ui.listClasses.DropDown;

    public class DropDown extends qnx.ui.listClasses.DropDown
    {
        public var dataField : String = 'data';
        public var defaultSelection : * = '';

        /////////////////////////////////////////////////////////////////////////
        public function DropDown()
        {
            super();
            this.addEventListener(FocusEvent.FOCUS_IN, HasFocus );
        }

        ///////////////////////////////////////////////////////////////////////////
        private function HasFocus( event : Event ) : void
        {
            this.parent.setChildIndex( this, this.parent.numChildren-1 );
        }

        ////////////////////////////////////////////////////////////////////
        public function set selection( value : * ) : void
        {
            var entry   : Object;
            var counter : int = 0;
            for each( entry in this.dataProvider.data )
            {
                if( entry[ this.dataField ] == value )
                {
                    this.selectedIndex = counter;
                    break;
                }
                counter++;
            }
        }

        //////////////////////////////////////////////////////////////////////
        public function get selection() : *
        {
            return this.selectedItem ? this.selectedItem[ this.dataField ] : this.defaultSelection;
        }
    }

Tags: BlackBerry Developers

Similar Questions

  • Problem with menu drop-down

    Hello

    I have just re skinned a friends site and I have a problem with the drop down menu on this page here:

    Please click here

    As you can see the 'description' field is set too far toward the bottom of the page and should be just below the title area "description."

    I would appreciate if someone could give me some pointers on what is happening and what I could do to solve this problem.

    Thanks in advance, Martin.

    Hi again,

    A slight change in the width of the text box did the trick, thank you Murray

    Best regards, Martin.

  • Problem with the drop-down list related calculations

    Hi all

    I worked on a leave form using Adobe LiveCycle ES2 Design for more than three weeks. I am new to my work computer applications programming, and I've not had many world real experience with Javascript. My problem is that I have two drop-down lists in two separate subforms. I have a separate box for users to insert the number of hours of leave, they want to take next to each drop-down list. At the bottom of the form, I have a subform that I want to track the total number of hours for the type of leave, the users selected in the drop-down list.

    I tried several methods of JavaScript to FormCalc, but I succumbed to find a way to indicate each of my category of leave amounts to fields to reflect the value in field hours (this is... if the leave type list specifies the type of leave). I'm tired of scouring the Internet and books to see if I can find a viable solution to this subject. I have another issue to discuss with this same form regarding my case to add calculations, but he will have to wait until I am able to get this rectified issue. Can someone help me?

    Leave_Slip rough.png

    The script necessary to each calculation of total field.

    The only thing different between them, it's the '6' is changed for each category (i.e. personal leave is '0'). FormCalc select in the script editor. It really works in your form - guaranteed!

    Older var = _IndvSubForm.count

    var totHrs = 0

    for i = 1 to older don't

    If (IndvSubForm [i-1]. DataDropDownList2 == "6") then

    totHrs is totHrs + IndvSubForm [i-1]. TotalHours2

    continue

    on the other

    continue

    endif

    ENDFOR

    $ = totHrs

    Good luck

    Stephen

  • How to make the menu drop-down list with a scroll bar

    Hello

    I have a drop-down list that is filled with different table sizes.

    I have a size of 30-element array.  Some of the last items just go off the screen at the bottom of the Simulator PB.

    Is it possible for me to add a drop-down scroll bar?

    DP = new DropDown();
    dp.rowHeight = 24;
    DP.prompt = "stuff";
    DP. Height = 34;
    DP.width = 230;
    DP.x = TitleTB.x + 170;
    DP.y = Title.y-3;
    addChild (dp);

    Some of the tables look like this-

    case 'List 1':
    dp.rowCount = 2;
    for (var i: int = 0; i<2;>
    {
    if(i==0)
    {
    DPP.splice (0);
    DPP.unshift({label:"blahblah"});)
    }
    else if (i == 1) {}
    DPP.unshift({label:"foofoo"});)
    }
    }
    dp.dataProvider = new DataProvider (dpp);
    addChild (dp);
    break;

    case "List2":
    dp.rowCount = 30;
    for (var n: int = 0; n<30;>
    {
    if(n==0)
    {
    DPP.splice (0);
    DPP.unshift({label:"lalalala"});)
    }
    Else if (n == 1) {}

    **********

    Delete the existing table using splice (0);

    then I add the new array of labels.

    Before, when I didn't have the splice (0), I only had the .unshift () and sometimes got bays combined together and a scroll bar appears automatically in the Simulator.  But then the berries were mixed.

    Thanks for the help!

    Hey mlin13,

    from the looks of it, your property rowCount is set too high. the rowCount property represents the number of lines displayed on the screen when the drop down menu is open. so if the number of rows is less than the amount of items on the list, it will create a scroll bar with a drop-down list for you. try to set the number of lines to a default value of 10 and and keep it manipulate your list from there. and see if you get the desired results. Good luck!

  • Flash animation on top of menu drop-down lists

    I created a flash animation and installed in a site to see that the flash movie appeared on top of my menu drop-down lists.  I tried to set the mode "move" window in opaque and transparent, had no effect.  Any help would be greatly appreciated.

    link to the site:

    http://www.moogadvertising.com/apidelevan2/contact/repmap.html

    The solution is to set wmode = "transparent" and in your object/embed html, but that only solves the problem in win/IE. The problem is there on the home page of Adobe own years. If you are unlucky enough to use a Mac there is no effective solution for this problem.

  • Horizontal navigation with Menu drop-down

    Hello!

    I'm trying to put together a site with a horizontal navigation with elements in the drop-down list. I built my plan with the main pages and child pages and added my horizontal navigation on the master page, but when I go to preview, I can't see any of my pages from the drop-down list (child). Is it possible to fix this? (I have attached a screenshot, I hope this helps clarify...)Adobe-Muse-Horizontal-Menu.jpg

    I knew that this problem will return that's why I mentioned the note that "child pages at the same level in the Plan view are listed vertically in a Horizontal Menu."

    If you have a look at the Plan view of your Site, you will have child pages under the other which translates a horizontal navigation as you found it.

    You must have all the pages of the child at the same level, while they are placed vertically (as you like) in the Menu.

    You can drag and drop the child pages in outline view to move them to the same level.

    I hope this helps.

    Kind regards

    Sachin

  • Problem of editable drop-down list.

    Hi all

    • Here's the question. I have a list/menu editable drop-down list in a table. The table is hidden when the page is loaded. When the user clicks on the link to open the table, editable drop-down list is only 1 or 2 pixels wide. How can I get the editable drop down to open up the prescribed 300px?

    Here is the code:

    < select name = "CGSector1" id = "CGSector1" wdg:subtype = "DynamicInput" wdg:type = "widget" wdg:recordset = "rsCGSectors" wdg:displayfield = "CGSectors" wdg:valuefield = "CGSectors" wdg:norec = '150' wdg:singleclickselect = "yes" wdg:defaultoptiontext = "" wdg: don't restrict = "" wdg:ext = "php" style = ' width: 300px "wdg:fakeattribute =" <? " PHP WDG_registerRecordInsert ("connStr_xxxxxx", "rsCGSectors", "CGSectors", "CGSectors");? > "> < / select >"

    Thank you.

    Brian

    As this problem is not directly related to the MEASUREMENT, but assumingly rather to such aspects as defined (if any) width of the table initially hidden, please give a link to the page code in its entirety (or page) to help others to find the possible reason.

    However, it is worth mentioning "editable dropdown" ADDT´s is generated on-the-fly using AJAX features some owners as well (including rendering style), then maybe the style you setting defined here just gets ignored when the surrounding 'container' (aka table) becomes hidden - for example - using features from another library like JQuery AJAX that is certainly incompatible with that ADDT´s own implementation of AJAX.

    See you soon,.

    Günter

  • Problems of the drop-down list of the hotspots alignment

    I use RoboHelp 7 and have a project with a lot of topics that contain bulleted lists with drop-down hotspots and text. I have met an alignment problem in these drop-down hotspots and hope someone can help me understand how to solve this problem.

    I want to indent the text that appears when you open the dropdown menu, then it aligns in virtue of the text of the list item to chips, rather than the bullet itself (so it is easier for users to differentiate between the text of the dropdown of the bulleted list).

    To do this, I did the following:
    (1) created my hotspot menu drop-down
    (2) delete the default text that appears in the text box
    (3) the icon click Increase Indent
    (4) entered the scrolling text

    The text seems to be aligned correctly in the WYSIWYG editor, but has a hanging indent, when I saw it and after that I generated WebHelp output. The paragraph format does not show a negative withdrawal, but that's what I see in the forecast and the generated output.

    Can someone explain why this happens and how I can fix this problem? Thanks for your help...

    The way to handle this is to create a new style in your stylesheet with the correct indentation and that applies inside your fall down.

  • Menu drop-down list does not apear, instead of this, there is a miniature version of the Thunderbird window. How to fix?

    On a new installation of Thunderbird running on a new instalation of Windows 7 in the dropdown menu will not work. By clicking on the list of the menu drop-down appears, but instead to be filled with tryies to squeez options in a copy of the window full thunderbid - see the screenshot.

    Restart in SafeMode it works OK.

    Any ideas how to fix?

    No picture, but try this
    https://support.Mozilla.org/en-us/questions/1012145

    Not better?

  • How can I disable the menu drop-down list on the back button?

    I use a laptop and my hands are not too clever. Whenever I click on the 'back' button, I get the drop-down list, which means that I must then back up my hand to the pad (gently!) to move the pointer, and then try again. It may take me several attempts to turn back a site now!

    I searched for hours how activate the drop-down list, nothing is done and even looked through all the settings in: config to try to find a way around it. Seriously impact my ability to use my laptop on the web now, so if someone can you please come up with a way to return to the old back button, with no menu when my finger slow old cannot move pretty fast down the key, I would be very grateful.

    There are two other ways to return to a page.

    • Right click on a box empty page you visit and use the dos command
    • From the keyboard, press {Alt + left arrow}
  • In the web pages with a drop-down list, these have become visible to humans but invisible to my mouse

    The action click for example a country in the menu drop-down country to http://www.census.gov/population/international/data/idb/informationGateway.php has no effect on the list, but in fact, click on the screen of origin behind it. This is true for several websites.

    Sounds like taking transparency to the extreme (as if transparency was not already an extreme annoyance).

    You have the same problem in another application, the other browsers.

    You have the same problem on other pages.

    I would suggest to empty your cache, then by restarting Firefox, if not not not Windows itself.

    But first do these wrapper work or the hole of transparency makes them fail as well.

    1. Use Tab or SHIFT + Tab to get to the next/previous link, input box, or drop-down selection area
    2. Key in the first letter 'H' to get to Haiti, or sometimes better to scroll down by typing the next letter after the first letter of the name you really want.
    3. Use the arrow keys (up and down)
    4. 'Enter' or click once the country is selected

    Some suggestions for easy reboot and cleaning in Firefox

  • Help with the drop-down list boxes

    Hello.  I am working on a form that contains three drop-down lists that have different names.  All three have the same point selections, but I want that each of the three to automatically fill in its respective field (it is essentially a price sheet where up to three elements may be selected and you'd see every price indicated in front of it).  I got concerning depression the 1st drop to fill its field using the script "setvalues.

    However, when I try to create the following scripts for two other menus, it seems that I finally, create all three drop-down lists that all fill in the very field that corresponds with the latest script, that I added, instead of the respective field. To clarify, after 1 was created, it works normally.  When I create a second script for the 2nd menu drop-down & price field, both drop-down lists only affect the 2nd price field.

    I assured the fields have different names, and these names are specified in each script.  I do not understand why acrobat would allow, when the script specifies the field that I entered.  It is essentially in a field that isn't in the script.  Of course, I am a novice, so any idea how works this process is very appreciated!

    Thanks for your reply, George!   I really love it!  What I was doing wrong placed the code in the javascript Document, so it was essentially apply the script all dropdowns.  What I did instead was delete and go in each drop-down list individual and added the script as the custom format script.  Just in case someone else did the same thing, here's the script that I use [details omitted to save space...]

    Put all vorkriegsbevölkerung data in a single data structure

    var LaborCode = {SelectCode: {cost: ' '},}

    XYZ {cost: "123.45"},

    };

    function SetFieldValues (cLaborCode)

    {

    this.getField("LaborPrice").value = LaborCode [cLaborCode] .cost

    }

    Thank you!!

  • Problems of menu drop-down

    No idea why my drop-down menus do not work?  Also, brought back to the cell phone, the three drop-down bar no longer work.

    Web page: Marco AVID

    <! doctype html >

    < html >

    < head >

    < meta charset = "utf-8" >

    < meta http-equiv = "X-UA-Compatible" content = "IE = edge" >

    < meta name = "viewport" content = "width = device-width, original scale = 1" >

    AVID Marco < title > < /title >

    < link href = "Index css/multiColumnTemplate.css" rel = "stylesheet" type = "text/css" >

    < link href = "Index css/bootstrap.css" rel = "stylesheet" type = "text/css" >

    < style type = "text/css" >

    a: link {}

    Color: #000000;

    text-decoration: none;

    }

    a: visited {}

    text-decoration: none;

    color: rgba (0,0,0,1);

    }

    a: hover {}

    text-decoration: none;

    Color: #000000;

    }

    a: active {}

    color: #FCFCFC;

    text-align: center;

    }

    < / style >

    <! - HTML5 shim and Respond.js for IE8 take in charge of the HTML5 elements and questions from the media - >

    <!-WARNING: Respond.js does not work if you view the page via file://-->

    <!-[if lt IE 9] >

    " < script src =" https://OSS.MaxCDN.com/html5shiv/3.7.2/html5shiv.min.js "> < / script > .

    " < script src =" https://OSS.MaxCDN.com/respond/1.4.2/respond.min.js "> < / script > .

    <! [endif]-->

    < / head >

    < body bgcolor = "#FFFFFF" style = "padding-top: 70px" >

    < div class = "container" >

    < header >

    < div class = "primary_header" >

    < nav class = "navbar, navbar-default navbar-fixed-top" >

    < div class = "container-fluid" >

    <!-brand and toggle get grouped together for better mobile display->

    < div class = "bar navigation-header" >

    < button type = "button" class = "toggle navigation bar has collapsed" data-toggle = 'collapse' data-target = "#topFixedNavbar1" aria-expanded = "false" > < span class = "sr only" > toggle navigation </span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < span class = 'bar icons' > < / span > < / button >

    < / div >

    <!-collect the nav links, forms, and other content to alternate->

    < div class = "navbar-collapse collapse" id = "topFixedNavbar1" >

    < ul class = "navbar-nav nav" >

    < class li = "active" > < /li >

    < class li = "active" > < /li >

    " < li > < a href =" https://MFmS.schoolloop.com/Portal/login?d=x & 1414597056174 = return_url "title ="Schoolloop' target = '_blank' > Schoolloop < /a > < /li > "

    " < li > < a href =" https://portal.capousd.org/ParentPortal/LoginParent.aspx?page=default.aspx "title = 'Portal' target = '_blank' > Student & Parent < /a > < /li > Portal "

    < li > < a href = "Events.htm" title = "Events" target = "_blank" > events on demand < /a > < /li > "

    < class li = "dropdown" > < a href = "#" title = "Photos & amp; Video class' = 'list drop-down-turn' aria-expanded = "false" aria-haspopup = "true" role = "button" data-toggle = "dropdown" > Photos & video < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    class 2016-2019 < /a > < /li > < li > < a href = "2019_album.html - 2016" >

    < li > < a href = ' 2015 - 2018_album.html "> class of 2015-2018 < /a > < /li >

    < li > < a href = "2014 - 2017_album.html" > class of 2014-2017 < /a > < /li >

    < li > < a href = ' 2013 - 2016_album.htm "> class of 2013-2016 < /a > < /li >

    < li > < a href = "2015_album.htm - 2012" > class of 2012-2015 < /a > < /li >

    < li > < a href = ' 2011 - 2014_album.htm "> class of 2011 to 2014 < /a > < /li >

    < li > < a href = ' 2010 - 2013_album.htm "> class of 2010-2013 < /a > < /li >

    < li > < a href = ' 2009 - 2012_album.htm "> class of 2009-2012 < /a > < /li >

    < li > < a href = ' 2009 - 2011_album.htm "> class of 2009-2011 < /a > < /li >

    < li > < a href = ' 2008 - 2010_album.htm "> class of 2008-2010 < /a > < /li >

    < li > < a href = "2006 - 2008_album.htm" > promotion 2006-2008 < /a > < /li >

    < li > < a href = "2004 - 2006_album.htm" > promotion 2004-2006 < /a > < /li >

    < li > < a href = "#" > promotion 2003-2005 < /a > < /li >

    < li > < a href = "ALBUMS/2002_Yearbook.pdf" > class of 2000-2002 < /a > < /li > ""

    < li > < a href = "ALBUMS/1999_AVID.pdf" > class of 1997-1999 < /a > < /li > ""

    < /ul >

    < /li >

    < class li = "dropdown" > < a href = "#" title = "Tips for Parents" class = "menu drop-down-toggle" aria-expanded = "false" aria-haspopup = "true" role = "button" data-toggle = "dropdown" > tips for the Parents of AVID < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "AVID_Parents.htm" title = "Tips for Parents" target = "_blank" > English < /a > < /li > "

    < li > < a href = "AVID_Parents_Spanish.html" target = "_blank" > Español < /a > < /li > "

    < /ul >

    < /li >

    < /ul >

    < ul class = "navbar-nav, navbar-right nav" >

    < li > < a href = "AVID Application.pdf" title = 'Application' target = '_blank' > Application AVID < /a > < /li >

    < class li = "dropdown" > < a href = "#" title = "On Marco AVID" class = "menu drop-down-toggle" aria-expanded = "false" aria-haspopup = "true" role = "button" data-toggle = "dropdown" > on Marco AVID < span class = "circumflex accent" > < / span > < /a >

    < ul class = menu "dropdown" >

    < li > < a href = "AVID_History.htm" > story < /a > < /li > AVID ""

    < li > < a href = "Marco_AVID_History.htm" > story Marco AVID < /a > < /li > ""

    < li > < a href = "avid_statistics.htm" > AVID statistics < /a > < /li > ""

    < li > < a href = "faq.htm" > frequently asked Questions < /a > < /li >

    < role li "separator" = class = "divisor" > < /li >

    < li > < a href = "Recruitment.mp4" target = "_blank" > < /li > < /a > information video "

    < li > < a href = "Recruitment_in_Spanish.mp4" target = "_blank" > video Informativo de AVID < /a > < /li > "

    < /ul >

    < /li >

    < /ul >

    < / div >

    <!-/ .navbar-collapse->

    < / div >

    <!-/ .container-fluid->

    < / nav >

    < img src = "images/sequence - 01.gif" class = "img-reagent" alt = "" > < / div >

    < br >

    < / header >

    < center >

    < div class = "btn-group" role = 'group' aria-label = «...» ">

    " < a href =" https://MFmS.schoolloop.com/Portal/login?d=x & 1414597056174 = return_url "target ="new"> < / a > "

    " < a href =" https://portal.capousd.org/ParentPortal/LoginParent.aspx?page=default.aspx "target ="new"> "

    < /a >

    < a href = "AVID Application.pdf' target = '_blank' >

    < /a >

    < a href = "AVID_Parents.htm" target = "_blank" > "

    < div class = "btn-group" >

    < / div >

    < /a >

    < a href = "6th_grade_resources.htm" title = "6th Grade resources" target = "_blank" > "

    < button type = "button" class = "btn, btn-default" > 6th Grade resources < / button >

    < /a >

    < a href = "7th_grade_resources.htm" title = "7th Grade resources" target = "_blank" > "

    < button type = "button" class = "btn, btn-default" > 7th Grade resources < / button >

    < /a >

    < a href = "8th_grade_resources.htm" title = "8th Grade resources" target = "_blank" > "

    < button type = "button" class = "btn, btn-default" > 8th Grade resources < / button >

    < /a >

    < div class = "drop neck-lg-1" >

    < p > < a class = "dropdown-point list" href = "2019_album.html - 2016" > class of 2016-2019 < /a > < p >

    < p > < a class = "dropdown-point list" href = "2015 - 2018_album.html" > class of 2015-2018 < /a > < p >

    < p > < a href = "2014 - 2017_album.html" target = "_blank" class = "menu drop-down-item" > class of 2014-2017 < /a > < p >

    < p > < a href = ' 2013 - 2016_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2013-2016 < /a > < p >

    < p > < a href = ' 2012 - 2015_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2012-2015 < /a > < p >

    < p > < a href = ' 2011 - 2014_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2011 to 2014 < /a > < p >

    < p > < a href = ' 2010 - 2013_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2010-2013 < /a > < p >

    < p > < a href = ' 2009 - 2012_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2009-2012 < /a > < p >

    < p > < a href = ' 2009 - 2011_album.htm "target ="_blank"class ="menu drop-down-item"> class of 2009-2011 < /a > < p >

    < p > < a href = ' 2008 - 2010_album.htm ' target = '_blank' class = "menu drop-down-item" > class of 2008-2010 < /a > < p >

    < p > < a href = "2006 - 2008_album.htm" target = "_blank" class = "menu drop-down-item" > promotion 2006-2008 < /a > < p >

    < p > < a href = "2004 - 2006_album.htm" target = "_blank" class = "menu drop-down-item" > promotion 2004-2006 < /a > < p >

    "< p > < a href="ALBUMS/AVID_2003-2005/2003-2005_AVID.mp4 "target ="_blank"class ="menu drop-down-item"> 2003-2005 < /a > < p > promotion

    < p > < a href = "ALBUMS/2002_Yearbook.pdf' target = '_blank' class ="menu drop-down-item"> class of 2000-2002 < /a > < p >"

    < p > < a href = "ALBUMS/1999_AVID.pdf' target = '_blank' class ="menu drop-down-item"> class of 1997-1999 < /a > < p >"

    < / div >

    Thank you!

    Links to these files are incorrect on your download page, here's why...

    The... / to link resources ' move to a directory "so away which is located in the folder root of your site, the IndexA.html page you gave as an example, the link to the page"... / js/bootstrap.js "says the browser to" mount a directory and look for a folder called js, and then open the file called bootstrap.js.

    No Viewer online will have access to this directory because it is one higher than the root of the site (the first directory available to the public for your site). If scripts on these files cannot be run by the user's browser because they don't have access to the directory, in that they are supposed to be.

    Something went wrong, be it with your site definition, or of your download, causing these links to create properly.

    If these files are located in a folder called js in the root of your site (on the same level as IndexA.html), you can remove the... / in front of them to add a link to the page for scripts.

  • How can I create a menu drop-down list dynamics that controls two separate drop-down lists?

    Hello

    I could use help decipher how to control 2 separate drop-down lists ('b' and 'c') through the value selected in the main drop-down menu (that is, 'a').

    My script worked perfectly to control another menu drop down, however I can't seem to properly control the third zone.

    In my example below, what I'm trying to do is control 'Method - external' and 'Department - external', through my gout primary to the bottom of the list. The external 'method -' drop-down list works fine, it is the third 'Department - external' that I fight with.

    For example, if 'Theft' is chosen in the first drop-down menu, I want 'Method - external' to display the series points and "Department - external" to display a different set of items. If 'Cyber Crime' is selected in the main menu down, then the external 'method' - set items will change and the external "Department -" will indicate N/A.

    With the following script - no matter what happens if I choose 'Flight' or 'Cyber Crime' in the first menu drop down, 'Cyber Crime' n/d game elements are displayed in the external "Department -" drop-down.

    I apologize if this is hard to follow - it is certainly difficult to explain. I hope that my question came through.

    Here's my current script

    Switch (event.value) {}

    case 'flight ':

    this.getField("Method-External").setItems (["","grab and run", "shopping cart/basket Walk Out", "Possession", "Consumption", "Other"]);

    break;

    this.getField("Department-External").setItems (["","Agro", "Automobile", "Bakery", "Building materials", "Chemical", "Cleaning supplies", "Candy", "Dairy products", "Deli/Bistro", "ELECTRIC", "Electronics", "Farm equipment", "Fashion", "Feed", "Fertilizer"]);

    break;

    cases of "fraud":

    this.getField("Method-External").setItems (["", "credit card", "debit card", "Check", "Coupon", "Counterfeit", "Merchandise Return", "Price Switching", "Self Check-out", "Provider", "Other"]);

    this.getField("Department-External").setItems (["", "s/o"]);

    break;

    case 'flight ':

    this.getField("Method-External").setItems (["", 'threat of concealed weapon', 'Threat from weapon', "Verbal threats", "Acts of aggression", "Other"]);

    break;

    case 'exit and enter:

    this.getField("Method-External").setItems (["","Smash and Grab - vehicles", "Smash and Grab - pedestrian", "forced entry", "Unauthorized Keyed", "Other"]);

    break;

    case 'mischief ':

    this.getField("Method-External").setItems (["","graffiti", "Damage", "product a manipulation", "Other"]);

    break;

    case "Cyber Crime":

    this.getField("Method-External").setItems (["","Malware (Virus)", "Phishing", "Others" "]);

    break;

    this.getField("Department-External").setItems (["", "s/o"]);

    break;

    }

    Thank you

    You have a few break statements that should not be there. Try this:

    Switch (event.value) {}

    case 'flight ':

    this.getField("Method-External").setItems (["","grab and run", "shopping cart/basket Walk Out", "Possession", "Consumption", "Other"]);

    this.getField("Department-External").setItems (["","Agro", "Automobile", "Bakery", "Building materials", "Chemical", "Cleaning supplies", "Candy", "Dairy products", "Deli/Bistro", "ELECTRIC", "Electronics", "Farm equipment", "Fashion", "Feed", "Fertilizer"]);

    break;

    cases of "fraud":

    this.getField("Method-External").setItems (["", "credit card", "debit card", "Check", "Coupon", "Counterfeit", "Merchandise Return", "Price Switching", "Self Check-out", "Provider", "Other"]);

    this.getField("Department-External").setItems (["", "s/o"]);

    break;

    case 'flight ':

    this.getField("Method-External").setItems (["", 'threat of concealed weapon', 'Threat from weapon', "Verbal threats", "Acts of aggression", "Other"]);

    break;

    case 'exit and enter:

    this.getField("Method-External").setItems (["","Smash and Grab - vehicles", "Smash and Grab - pedestrian", "forced entry", "Unauthorized Keyed", "Other"]);

    break;

    case 'mischief ':

    this.getField("Method-External").setItems (["","graffiti", "Damage", "product a manipulation", "Other"]);

    break;

    case "Cyber Crime":

    this.getField("Method-External").setItems (["","Malware (Virus)", "Phishing", "Others" "]);

    this.getField("Department-External").setItems (["", "s/o"]);

    break;

    }

  • Help with my drop-down list in the fluid grid view

    Print-screen-mobile-LO-070615.jpgPrint-screen-tablet-LO-070615.jpgPrint-screen-desktop--LO-070615.jpg

    I built the site of "fluid" and that's great, up and running and I am delighted!  A big thank you to the DW forum. URL is: tyndall.net.au

    Now, I want to add a drop-down in the three 3 sizes: mobile, Tablet and desktop. And I want it to develop the ' Services ' section. On the 'Services' page there are links to 21 different types of services.

    It is these types of different services, have to be displayed in the drop-down list button.

    Objective: in hover mode, the fall down to look identical to the head key, centered with a complete history! To inherit.

    You can see on the screenshots:

    In Mobile, there is a complete history, but it is not centered and not the same size

    Tablet & Desktop - background not complete, not centered, not the same size

    I can't find a tutorial on this issue. Tutorial of Daniel Walter - Scott in BYOL helped a long way, thanks mate.

    Can someone help me with this problem?

    Concerning

    Jonathan

    Byron Bay, Australia

    __________________________________________________________________

    Reach:

    Here is the HTML code for the nav div:

    < nav id = 'mainNav' class = "fluid" > < ul id = "menuSystem" class = "fluid fluidList" > "" ""

    < li = class "menuItem fluid zeroMargin_tablet zeroMargin_desktop" > < a href = "/ index.html" > home < /a > < /li >

    "< class li ="fluid menuItem"> < a href="/About/about.html "> on < /a > < /li >

    "< class li ="fluid menuItem"> < a href="/Services/services.html "> Services < /a >

    < ul >

    < class li = "fluid menuItem" > < a href="/Services/otherpage.html" > Immigration < /a > < /li > ".

    < class li = "fluid menuItem" > < a href="/Services/otherpage2.html" > Banking < /a > < /li > ".

    < class li = "fluid menuItem" > < a href="/Services/otherpage3.html" > bankruptcy < /a > < /li > ".

    < /ul >

    < /li >

    < class li = "fluid menuItem" > < a href="/Articles/publication.html" > items < /a > < /li > ".

    < class li = "fluid menuItem" > < a href="/Migrate/migrate.html" > migrate < /a > < /li > ".

    "< class li ="fluid menuItem"> < a href="/Journal/journal.html "> Blog < /a > < /li >

    < class li = "fluid menuItem" > < a href="/Contact/contact.html" > Contact < /a > < /li > < /ul > < / nav >.

    < / header >

    Here are all the css in style.css code:

    @charset "utf-8";
    / * Simple fluids
    Note: Fluid requires that you remove the attributes height and width of the media of the HTML
    http://www.alistapart.com/articles/fluid-images/
    */
    IMG, object, embed, {video
    Max-width: 100%;
    }

    / * IE 6 doesn't support max-width so 100% width by default * /.
    . IE6 img {}
    Width: 100%;
    }

    /*
    Properties Grid Dreamweaver fluid
    ----------------------------------
    DW-num-CLO-mobile: 4;
    DW-num-CLO-Tablet: 7;
    DW-num-OCOL-Office: 14;
    DW-gutter-percentage: 25;

    Inspiration of "Responsive Web Design" by Ethan Marcotte
    http://www.alistapart.com/articles/responsive-web-design

    Golden by Joni Korpi grid system and
    http://goldengridsystem.com/
    */

    {.fluid}
    Clear: both;
    left margin: 0;
    Width: 100%;
    float: left;
    display: block;
    }

    {.fluidList}
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    }

    / * Mobile layout: 480px and below. */

    {.gridContainer}
    left margin: auto;
    margin-right: auto;
    Width: 86,45%;
    padding-left: 2,275%;
    padding-right: 2,275%;
    Clear: none;
    float: none;
    font size: small;
    }
    #top {}
    }
    #top img {}
    left margin: auto;
    margin-right: auto;
    display: block;
    }
    {#mainNav}
    }
    {#menuSystem}
    list-style-type: none;
    }
    .menuItem {}
    top of the margin: 2px;
    margin-bottom: 2px;
    padding-top: 1px;
    padding-bottom: 1pk;
    text-align: center;
    color: #FFFFFF;
    background-color: #051383;
    border-radius: 5px;
    Width: 100%;
    left margin: 0;
    Clear: both;
    }
    {.photois}
    }
    body p {}
    do-family: Arial;
    }
    {.jonofigcaption}
    make-style: italic;
    Police-family: Garamond;
    font size: small;
    text-align: left;
    }
    body figcaption p {}
    }
    {motto}
    Police-family: Garamond;
    font size: large;
    make-style: italic;
    text-align: left;
    }
    .Text1 {}
    }
    . Header {}
    do-family: Tahoma;
    font-size: medium;
    }
    {.jonotext}
    do-family: Arial;
    text-align: justify;
    }
    .Text2 {}
    do-family: Arial;
    text-align: left;
    }
    {.footer1}
    text-align: right;
    do-family: Arial;
    do-size: x-small;
    }
    {.footer2}
    text-align: right;
    Police-family: Garamond;
    do-size: x-small;
    }
    {.footer3}
    text-align: right;
    do-family: Arial;
    Police-weight: 900;
    make-style: italic;
    }
    . gridContainer.clearfix. fluid.footer2 p img {}
    }
    {#jonominibutton}
    left margin: 1px;
    right margin: 1px;
    padding-left: 1px;
    padding-right: 1px;
    }
    #mainNav a {}
    display: block;
    text-decoration: none;
    color: #FFFFFF;
    }
    #mainNav a: hover, #mainNav a: active, #mainNav one: {emphasis
    background-color: #A3C3FF;
    text-decoration: none;
    color: #051383;
    }

    . gridContainer.clearfix #top img {}
    padding-bottom: 5px;
    padding-top: 5px;
    }
    UL {}
    list-style-type: none;
    }
    {body
    }
    a: link {}

    }
    {.footer4}
    do-family: Arial;
    font size: small;

    }
    . gridContainer.clearfix. fluid.footer2 p an img {}
    }
    {.officearea}
    }
    .officearea img {}
    vertical-align: bottom;
    }
    {.jonofooter4}
    do-family: Arial;
    do-size: x-small;
    text-align: left;
    }
    .jonothumb img {}
    vertical-align: baseline;
    }
    {.footer7}
    do-family: Arial;
    Police-weight: 900;
    make-style: italic;
    font size: small;
    }
    {.zeroMargin_mobile}
    left margin: 0;
    }
    {.hide_mobile}
    display: none;
    }
    #mainNav ul ul {}
    display: none;
    position: absolute;
    }
    #mainNav li: hover ul > ul {}
    display: block;
    }
    #mainNav ul ul li {}
    float: none;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;


    background-position: center
    %;
    }

    #mainNav a: hover, a: active {}
    }

    / * Tablet Layout: 481px to 768px. Inherits the styles of: Mobile layout. */

    @media only screen and (min-width: 481px) {}

    {.gridContainer}
    Width: 90.3428%;
    padding-left: 1.3285;
    padding-right: 1.3285;
    Clear: none;
    float: none;
    left margin: auto;
    }
    #top {}
    }
    {#mainNav}
    }
    {#menuSystem}
    }
    .menuItem {}
    Width: 11.7647%;
    Clear: none;
    margin left: 2.9411%;
    }
    {.photois}
    }
    .Text1 {}
    }
    .Text2 {}
    }
    {.footer1}
    }
    {.footer2}
    }
    {.footer3}
    }
    {.footer4}
    }
    {.officearea}
    }
    {.footer7}
    }
    {.hide_tablet}
    display: none;
    }
    {.zeroMargin_tablet}
    left margin: 0;
    }
    }

    / * Office Layout: 769px to a maximum of 1232px.  Inherits the styles of: Mobile and tablet. */

    @media only screen and (min-width: 769px) {}

    {.gridContainer}
    Width: 88.7142%;
    Max-width: 1232px;
    padding-left: 0,6428%;
    padding-right: 0,6428%;
    margin: auto;
    Clear: none;
    float: none;
    left margin: auto;
    }
    #top {}
    }
    {#mainNav}
    }
    {#menuSystem}
    }
    .menuItem {}
    Width: 13.0434%;
    Clear: none;
    margin left: 1.4492%;
    }
    {.photois}
    }
    .Text1 {}
    }
    .Text2 {}
    text-align: left;
    }
    {.footer1}
    }
    {.footer2}
    }
    {.footer3}
    }
    {.footer4}
    }
    {.officearea}
    }
    {.jonoboldarial}
    Police-weight: 900;
    do-family: Arial;
    make-style: italic;
    }
    {.footer7}
    }
    {.zeroMargin_desktop}
    left margin: 0;
    }
    {.hide_desktop}
    display: none;
    }

    }

    It's these types of different services, I should show up in the drop-down buttons. >

    Drop-down lists that appear to move the mouse do not work on touchscreens because they do not have a mouse.  The current trend is to keep the navigation simple & simplified.  21 links dropdown under Services is going to be too expensive for mobile users.   Just keep the simple navigation with a link to the Services page you did and your users will have fewer problems with your site.

    Either way, justified text links seem strange.  See screenshot.   You can see that.

    Finally and most importantly, provide enough space between links to help mobile users.  Android recommended that links be 10mm high providing for easier faucet finger gestures.  When the links are stacked too close together, which makes it very difficult selecting the link desired without the aid of a stylus.

    Nancy O.

Maybe you are looking for