Help to associate the drop-down list on the price menu Options in another field

Hello.  : (

I'm not a programmer but I wrote the code before.

(Certainly never written in JavaScript...)

I work for some non-profit and they asked me to fix their PDF to associate the elements of price...

I thought it would be relatively simple in LiveCycle... but not for me, anyway...

I have a few fields called Description0, Description1, etc... who has a drop DOWN menu allows you to select an option.

I want the ability to associate a price field and update according to the selected item in the menu dropdown.

I'm totally lacking however, it would seem...

Advice would be appreciated. : )

I wrote something like this:

function descriptionChange (newDescription) {}

{Switch (newDescription)}

case "Lifepak CR Plus Charge Pak (a set of electrodes and a battery):

this.resolveNode("UnitPrice.UnitPrice").rawValue = "80";

break;

case "Lifepak CR Plus Charge Pak (two sets of electrodes and a battery):

this.resolveNode("UnitPrice.UnitPrice").rawValue = "107".

break;

case "Lifepak CR Plus Pedi touch Starter Kit":

this.resolveNode("UnitPrice.UnitPrice").rawValue = '139 ';

break;

case "Pedi toppings Lifepak CR more than spare":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "99";

break;

case "Philips HeartStart FRx battery":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "153";

break;

case "Philips HeartStart FRx adult Pads (1 set):

this.resolveNode("UnitPrice.UnitPrice").rawValue = "50";

break;

case "Philips HeartStart FRx infant touch":

this.resolveNode("UnitPrice.UnitPrice").rawValue = '98 ';

break;

case "(10), Zoll Type 123 Lithium batteries lasts 5 years":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "75";

break;

case ' Zoll CPR - D Padz, five year duration of life ":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "169";

break;

case ' Zoll Stat Pads II, 2 two parts pads, 2 years shelf life:

this.resolveNode("UnitPrice.UnitPrice").rawValue = "59";

break;

case "Cardiac Science G3 Plus battery":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "395";

break;

case study ' science heart G # more Pads (1 set):

this.resolveNode("UnitPrice.UnitPrice").rawValue = "49.95;

break;

case "furniture":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "200";

break;

case 'AED wall sign-3D ":

this.resolveNode("UnitPrice.UnitPrice").rawValue = "15";

break;

} //end switch

} //end function

and then for each Description0, 1... I put in like this:

var newDescription = this.boundItem (xfa.event.newText);

DescriptionChange.descriptionChange (newDescription);

Help please? : )

Sorry if my question is too simple... or I'm just too much of a failure...

When you create your fall down, after putting in your list of items, select the link tab in your object palette. Check "specify the item values. For each item, change its numerical value (e.g. text: "Lifepak CR Plus Charge Pak (a set of electrodes and a battery)' value would be 80).

In the case of calculation of your UnitPrice field select the FormCalc language and insert the script:

Sum (Discription0, Description1)

Add some drop downs you must be included in the total.

Tip: Name all your drop-down menus, the same thing and all that you have to ask, because the script is: sum (Description) [*]

Kyle

Tags: Adobe LiveCycle

Similar Questions

  • I have one drop-down list box where one selection (options) is the other.

    I have one drop-down list box where one selection (options) is the other. If a user selects the other, I want to conceive the possibility for them to enter some Notes to describe their other. A pop-up window or the text box is possible? Do not know how to approach the issue... Thank you!

    The field in parentheses is the text (or drop-down menu or other) you want to display when "Other" is selected and hide when it is not.

    If you want to apply the same logic to several fields just duplicate this line of code, the field name in each copy of setting.

  • Help: Autofill numbers in drop-down list to another table

    Hello world

    Does anyone know how to automatically fill in a table of the value of the other table, based on the selected menu drop-down on the main table.

    As you can see on my pictures, my main table, I have a drop down list, so I have to be able to automatically to the second table based on the category that I chose to put the quantity. For example, I choose LIFE, then the amount will also be the second table where the arrow is pointing. What will be the formula on the designated table?

    Thank you.

    Hello Adrian TitikTemu,.

    As a reminder, you want autofill value of 1 sheet on a column on sheet 2 in number. One of the members of our community of colleagues gave some great instructions on how to proceed in this post:

    https://discussions.Apple.com/thread/7554247?start=0 & tstart = 0

    The response of Apple recommends that Barry has a few milestones to help in a situation like this.

    Best regards

  • Can anyone help please if a drop-down list box with this dpdCategory.Items.Insert (0, "user")?

    can someone please help if a drop-down list box with this dpdCategory.Items.Insert (0, "user"); If I choose the user then after clicking the button, it will redirect to this page & also, others using if else statement

    Please ask this question in one of the Windows Apps development forums:

    http://social.msdn.Microsoft.com/forums/en-us/category/windowsapps

  • Help adding textfield with drop-down list selects

    I have a PDF with a drop-down list field called "SoftwareList" with a default value of "Select the software" and a text field called 'SelectedSoftware '. You can freely type in the text field to communicate your needs, or choose the menu drop-down. I want to add in the text field, which is selected in the drop-down list each time. I had the following script to fix this as a custom text field calculation script:

    If (this.getField("SoftwareList").value! = "Select software")

    {

    this.getField("SelectedSoftware").value += this.getField("SoftwareList").value + «»

    }

    The problem I have is that it will continue to add to the text box with everything that was selected last in the drop-down list when you click on other fields in the form, such as check boxes. I tried this put on different actions both at the key sequence in the Properties tab of format, but did not work there. I added the following line, which helped, but it is still a click of the addition until it changes, duplicate the last pick:

    this.getField("SoftwareList").value = "select the software."

    Appreciate help with this.

    I would like to use the script validation custom from the drop-down list. You can use something like this:

    If (event.value! = 'Select Software') this.getField("SelectedSoftware").value += event.value + ",";

    To ensure that the update as soon as a selection is made to check the option to validate the selected value immediately under properties of the menu drop down, tab Options.

  • The drop-down list changes color with background option selected

    Hello!

    I m stuck with this drop-down menu that I need to have a red background, if the TBD option is active (which is the default) and have no backgrond if no other option is selected.

    drop01.png

    drop02.png

    drop03.png

    The red background is a red rectangle that is visible or hidden, I have all code in the event of modification of the drop-down list:

    if (this.rawValue == "TBD"){
        RectangleRed2.presence = "visible";
    }else{
        RectangleRed2.presence = "hidden";
    }
    

    But the thing is that the event checks the value when is changed, so if I'm in the value of TBD and I selected point 1, the recntagle is still visible, because at the moment, I have chosen point 1 value was to be determined, so does not in the way I need to.

    Anys ideas?

    Thank you!

    You must use

    if (xfa.event.newText == "TBD"){
    ...
    

    Then it works fine.

    "xfa.event.newText" evaluates to dropdown in the runtime.

    Hope it is useful,

    Mandy

  • How to define the format of a field drop-down list text align at the top of the field instead of the Center?

    I have a form with the fields of data entry simple Acrobat 11. I have, for the first time inserted drop-down lists and most of them is single-line fields. However, there are a few examples where my field must be larger to mask unwanted background. (The field will define the colur to white background are data entry, but I did not write the script for this.) When a selection is made, it appears centered in the field and I need to be aligned to the top.

    I guess I can put a script on the Format tab, in the custom format script, but I don't know enough about Javascript to run on the syntax. I guess it would be a simple line or two of code. Can anyone help?

    You have no control over this. They are always vertically centered. You can use a separate field in the drop down menu, however, and control its background. I suggest to use a read-only button.

  • Help! Script to populate a field of text based on whats selected in a drop-down list to a page?

    Well I hope I can explain this well enough.

    I have a drop down list that has two different options to choose from.  For example:

    Dropdown1 has: Option has

    Option B

    On the other page, I have two text fields.  TextField1 shows just what is levied on the Dropdown1 (Option A or Option B).  TextField2 must do the following: If Option A is taken I just need the field to remain a Virgin.  If Option B is taken out I need to fill a specific text.

    I thought that I found a way to do it, but it seems that since it's on another page the script will not pull.

    Any help is very appreciated!

    Hello

    You can download Acrobat.com and then publish the form. Once you have published, you can copy the link and share it here.

    In my example, I used the name of the first object "TextField1" for example. If your first object is named differently, you will have to modify the script accordingly.

    There is an example on how to reference objects here: http://assure.ly/kUP02y.

    Niall

  • Width of drop-down list and the number of drop-down list values

    How to increase / decrease the width of a drop-down list on the screen of your interview? In addition, how you increase the number of menu options drop-down user, some of my options in drop-down list don't show up. This shows only 3 points:...

    For OPM 10.4:

    Increase the number of visible items in a drop-down list

    There are two options:

    1. make a regular drop-down list instead of a list of drop-down list box. Regular drop-down lists always display all items, regardless of the length of the list. To do this, set "enable-search-comboboxes = false" in the appearance.properties file. "

    2. increase in the search results max for the combo box in the file appearance.properties, for example 'search max-results = 20' (or another number as appropriate)

    See article OPM the User Guide for more details: http://docs.oracle.com/html/E54499_01/toc.htm#Interviews%20and%20flows/Customize_Web_Determinations.htm#Change4

    I have a vague memory that the increase in the width of the drop-down lists is a bit more tedious. I'll take a look and post here...

    See you soon,.

    Jasmine

  • Access a drop-down list component created in fom runtime C++

    Hello everyone.

    I included a file "Settings.qml" as a ComponentDefinition in my file "main.qml" as follows:

    *******************************
    main.qml
    *******************************
    
    Page {
        id: page
    
        //App menu
        Menu.definition: MenuDefinition {
            settingsAction: SettingsActionItem {
                title: "Settings"
                imageSource: "asset:///icons/ic_settings.png"
                onTriggered: {
                    var settings = settingsSheet.createObject(_cam);
                    settings.open();
                }
            }
        }
    
        //Main container
        Container {        Camera {            id: cameraQML            objectName: "cameraQML"        }    }
    
        //Attached objects
        attachedObjects: [
            //*****this is the component definition****
            ComponentDefinition {
                id: settingsSheet
                source: "Settings.qml"
            }
        ]
    }
    

    Then, in the "Settings.qml" file, I have something like that.

    On the crack of onCreationCompleted I call you access of wich C++ function to the cameraQML component and gets the available resolution values and add them to the drop down list component.

    ***********************Settings.qml***********************
    
    Sheet {
        id: settingsSheet
        objectName: "settingsSheet"
        peekEnabled: true
        content: Page {        Container {            DropDown {
                    title: "Capture Resolution"
                    objectName: "resolution"
    
                    options: [
                        Option {
                            text: "16:9"
                            value: 16/9
                        }
                    ]
    
                    onCreationCompleted: {
                        _cam.loadResolutionValues();
                    }
    
                    onSelectedValueChanged: {
                        //_cam.selectResolution(selectedValue);
                    }
                }
            }    }}
    

    The PROBLEM comes when I try to access the menu item drop down because, even if I get error when you call the function findChild(), I do when I try to add Options by calling the add() function:

    ******************applicationui.cpp******************
    
    AbstractPane* root;Camera* cameraQML;DropDown* resolutionsDD;
    
    void AppliactionUI::ApplicationUI() {    //code...    QmlDocument *qml = QmlDocument::create("asset:///main.qml").parent(this);    qml->setContextProperty("_cam", this);    root = qml->createRootObject();    cameraQML = root->findChild("camera");    //code...}void ApplicationUI::loadResolutionValues() {
        QVariantList reslist = camaraQML->supportedCaptureResolutions(CameraMode::Photo);
                    //**I don't get error by calling this function
            resolutionsDD = root->findChild("resolution");
    
            //**The app do crashes when calling any of these three functions
        //resolutionsDD->setTitle("Choose an option");        //resolutionsDD->removeAll();
        //resolutionsDD->remove(resolutionsDD->at(0));    for (int i = 0; i < reslist.count(); i++) {
            qDebug()<<"QVatiant value:"<add(Option::create().text(res.width()+"x"+res.height()).value(reslist[i]));
        }
    }
    

    I thought it was a problem with the type of value, I was put in the service. value() when you create an option, but then I realized that, while trying to change the title from the drop-down list, or delete i ' ts options that the application crashed also.

    This makes me think that the problem is that I'm not a correct reference for component drop-down menu QML due to the fact that this drop-down list does not exist when the application starts and is created until the user opens the Settings.qml file. Also, I think that this is a problem with all that stuff parent and child, but of course, it's just a feeling.

    I'd really appreciate your help on this type of problem. I'm not experienced enough to know what is the right way to get a reference of work to the drop down list component in question in a situation like this

    Thank you very much in advance!

    P.D. I'm sorry, I know that my English is not very good. Hope you do not misunderstand

    Hello
    Very probably findChild returns NULL and a NULL pointer dereference causes the crash. I remember there was problems with findChild during the use of the leaves.

    Try from the drop-down list directly to the function as an argument:

    (1) in applicationui.cpp:

    After:
    QmlDocument *qml = QmlDocument::create("asset:///main.qml").parent(this);
    
    Add:
        // This is needed for passing DropDown in function parameters from QML to C++
        qmlRegisterType("bb.cascades", 1, 0, "DropDown");
    

    (2) modify the function declaration for:

    Q_INVOKABLE void loadResolutionValues(bb::cascades::DropDown *dropDown);
    

    (3) in QML:

    DropDown {
      id: dropDown
      ...
      onCreationCompleted: {
         _cam.loadResolutionValues(dropDown)
    
         // _cam.loadResolutionValues(this) // maybe this will also work, but I haven't checked
    
      }
    }
    
  • A. SWF call through a drop-down list box.

    Hello
    I do drag a drop-down list box and provide 3 options of January, February and March. I want to see 3 different. SWF files in the page even when I choose one of these options. Please help me to call movies through combo box selection. Here is my code.

    <? XML version = "1.0" encoding = "utf-8"? >
    "" < mx:Application xmlns:mx = ' http://www.adobe.com/2006/mxml ' layout = "absolute" >
    "< mx:ComboBox xmlns:mx = ' http://www.adobe.com/2006/mxml" > "
    < mx:dataProvider >
    < mx:ArrayCollection >
    < mx:String > January < / mx:String >
    < mx:String > February < / mx:String >
    < mx:String > March < / mx:String >
    < / mx:ArrayCollection >
    < / mx:dataProvider >
    < / mx:ComboBox >
    < / mx:Application >

    Thank you

    I store the file name of the SWF in your combo box dataProvider and then when it changes the load the new swf based on what they have chosen. I wrote an example application that does this.


    http://www.Adobe.com/2006/mxml"layout ="absolute">


    Import mx.collections.ArrayCollection;

    [Bindable] private var swfDP:ArrayCollection = new ArrayCollection([)
    {label: 'Pick a month' ", data:" "},
    {label: "January", data: "january.swf"},
    {label: "February", data: "february.swf"},
    ([{label: "March", data: "march.swf"}]);

    private void onComboChange(event:Event):void {}
    => Checks if swf location, if it then loads the new swf.
    (event.currentTarget.selectedItem.data! = "")? Loader.Load (Event.currentTarget.SelectedItem.Data);
    }
    ]]>

    You will need to change the name of your file, except if they really are named january.swf and what not. I hope this helps.

  • Show drop-down list field hide selection in another drop-down list box

    Hello I need to create two drop-down fields on a dynamic PDF in LiveCycle. The first field contains three choices. When a user selects an item in the drop-down list first I would like to a new field of drop-down list has been shown. For each item in the first drop-down list appears a new field drop-down list with unique values. If the user chooses blue drop-down list of blue shades indicate in this menu drop-down will be various shades of blue to choose for. If the Red is chosen, Shades of Red dropdown with appearance and if yellow is displayed the same occurs. Also if the user must go back and change their selection in the first drop-down list, they can do the same. Any suggestions?

    Thank you in advance.

    There are 2 ways you could do this. The first is just to have the 3 drop-down lists for the second box to separate and do them all hidden. The output of the first dropdown event would then have the code that would make it the second box become visible, something like (in formcalc):

    If ($ == 1) then

    dropdownRed.presence = "visible".

    dropdownBlue.presence = "hidden".

    dropdownYellow.presence = "hidden".

    ElseIf ($ == 2) then

    dropdownRed.presence = "hidden".

    dropdownBlue.presence = "visible".

    dropdownYellow.presence = "hidden".

    ElseIf ($ == 3) then

    dropdownRed.presence = "hidden".

    dropdownBlue.presence = "hidden".

    dropdownYellow.presence = "visible".

    endif

    The other option is just to have a dropdown that dynamically changes its options based on the results of the first box. So in the second box preOpen event you might have something like (in formcalc):

    If (dropdown1 == 1) then

    $. clearItems()

    $.setItems ("light red, dark red")

    ElseIf (dropdown1 == 2) then

    $. clearItems()

    $.setItems ("sky blue, dark blue")

    ElseIf (dropdown1 == 3) then

    $. clearItems()

    $.setItems ("light yellow, dark yellow")

    endif

  • Barcode 1 d dynamic of several drop-down lists

    I worked on it for a while and I can't do things. I am using formcalc. I have a dynamic PDF form, I created with two drop-down lists. A drop-down list has elements such as the 'new' or 'Used' and the second drop-down list has a price list, such as "99 ¢ ' or '$ 1.99', etc. At the bottom of the form, there is an element of code 128 barcode barcode which is the value calculated - read-only. I am trying to use logic to combine both, where if you have selected 'New' and ' 99 ¢ "would that be the rawvalue of the code bars"NEW1"or something in that sense.

    Here's what I have so far:

    TopmostSubform.Page1.Shape.DropDownList1::calculate - (FormCalc, client)

    If (DropDownList1.value == "New" and DropDownList2.value is "99 cents") then BarCode1.rawValue == "NEW1" endif

    What I'm missing here?

    Please check the update below code.

    If (DropDownList1.value == "New" and DropDownList2.value is "99 cents") then BarCode1.rawValue == "NEW1" endif

    Update: if (DropDownList1. rawValue == 'NEW' and DropDownList2. ( rawValue == '99') then Code128BarCode1.rawValue = "Nouvelle1" endif

    the changes are highlighted and another is: BarCode1.rawValue = "Nouvelle1" ('is' not two 'is'. Two eqals 'is' for the purposes of comparison only, no assignment)

    -Rambeau.

  • I think it would be helpful if when you open the drop-down list for a 3D object keyframe controls have the same color as the 3D arrows in the project window.

    3D colors.jpgI think it would be helpful if when you open the drop-down list for a 3D object keyframe controls have the same color as the 3D arrows in the project window.

    You can suggest that here:

    Feature request/Bug Report Form

  • 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

  • problem of re - install

    I have an old imac under Snow leopard, which has begun to go hang (spinning beachball of death) mode. I ran a re - install, but after getting it at the stage of configuration after re - install stills mode hang. Any ideas, anyone please?

  • I can't connect to iTunes Store since I updated ios 10

    I can't connect to iTunes Store since I updated ios 10

  • I can't connect to my network after installing ios 9.3 on my iphone 5 c

    Since the installation of ios 9.3 on my iphone 5 c I can't connect to my network.  My provider went through all the steps without help in case of problems.  I contacted apple ago more than 48 hours, which they said they would be in touch now.  Help p

  • HP Color LaserJet Pro M477fdn: M477fdn not taken fully supported on Mac?

    Hello, we have a new HP M477fdn. We have a question about printer drivers and utility software, please: why is there not a printer for the series M477 profile? It is a great printer, then sitting our old HP 4050dtn, wired Ethernet connection.  Firmwa

  • How to get my product key.

    Gateway that sent me a new recovery disk when my original has been lost. It was a drive to upgrade with vista when my original OS was XP. I installed it on my computer for about a week now and he gives me advice that my product key is not valid and I