Form fields not responding

  • Profile Image
    AidanU
    Asked on July 10, 2019 at 07:24 AM

    Hi Jotform Support,

    On page one of our Aidan University application form, the drop down field GENDER (with options for Male and Female) is not functioning properly.  
    See https://www.jotform.com/build/81795693484172

    I've checked the form itself (in BUILDmode) and all seems OK.

    Can you please take a look and let me know how to resolve this issue?

    Thanks

    RJ Gosselin

  • Profile Image
    VincentJay
    Answered on July 10, 2019 at 09:03 AM

    What do you mean about not functioning? I checked the form and the drop down menu is working fine on my end. Here's a screen capture of my test:

    1562763718f35.gif

    Is the form embedded on a website? If yes, please provide the link so we can test it. 


  • Profile Image
    AidanU
    Answered on July 10, 2019 at 09:43 AM
    I provided the link to the embedded form with my original email.
    www.aidanu.education
    Click any APPLY ONLJNE link to open page with embedded form.
    ...
  • Profile Image
    Richie_P
    Answered on July 10, 2019 at 10:49 AM

    I have checked your embedded form and replicated the issue.

    Here is a screen cast:

    15627699641.gif

    It could be an issue with the embedded form  and your web page script.

    Can you please try re-embedding your form using the Iframe code?

    Guide:https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code


    Please give it a try and let us know if the issue still remains.

  • Profile Image
    AidanU
    Answered on July 10, 2019 at 11:43 AM
    Hi Richie,
    Replaced HTML embed with the iframe, as suggested.
    Problem continued ---
    --- Except that NOW neither the gender nor race dropdowns will work --
    and the COUNTRY OF BIRTH question is misaligned
    ;-)
    *Dr. RJ Gosselin*
    *Executive Vice President*
    *d:* 904-469-1754
    *e:* DrRJ@AidanU.education
    *A**idan **U**niversity *
    *Raising The Power Of Education*
    *To A Golden Opportunity*
    *p:* 904-559-1303
    *a: PO box 351148*
    Jacksonville FL 32211
    *w: www.AidanU.education *
    ...
  • Profile Image
    VincentJay
    Answered on July 10, 2019 at 12:08 PM

    Please try this embed code:

    <iframe

    id="JotFormIFrame-81795693484172"

    title="AU Application for Admission"

    onload="window.parent.scrollTo(0,0)"

    allowtransparency="true"

    allowfullscreen="true"

    allow="geolocation; microphone; camera"

    src="https://form.jotform.com/81795693484172"

    frameborder="0"

    style="width: 1px;

    min-width: 100%;

    height:539px;

    border:none;"

    scrolling="no">

    Let us know how it goes. Thank you.

  • Profile Image
    AidanU
    Answered on July 10, 2019 at 12:43 PM
    With the new iframe code, NOTHING displays on the application page
    http://www.aidanu.education/application.html
    *Dr. RJ Gosselin*
    *Executive Vice President*
    *d:* 904-469-1754
    *e:* DrRJ@AidanU.education
    *A**idan **U**niversity *
    *Raising The Power Of Education*
    *To A Golden Opportunity*
    *p:* 904-559-1303
    *a: PO box 351148*
    Jacksonville FL 32211
    *w: www.AidanU.education *
    ...
  • Profile Image
    Richie_P
    Answered on July 10, 2019 at 01:04 PM

    I have checked your webpage and it seems you have hidden your js body, this is the reason why the form is hidden.

    15627779091.gif

    You may disable the custom CSS to show your web page.

    .js body {
        visibility:;
    }

    Checked your embedded form further and it seems the field is working when you use the Iframe embed code.

    Kindly try checking your custom CSS and the test your webpage again.


  • Profile Image
    AidanU
    Answered on July 12, 2019 at 06:43 AM
    Just decided to workaround and re-direct to the JF site.
    Thanks
    *Dr. RJ Gosselin*
    *Executive Vice President*
    *d:* 904-469-1754
    *e:* DrRJ@AidanU.education
    *A**idan **U**niversity *
    *Raising The Power Of Education*
    *To A Golden Opportunity*
    *p:* 904-559-1303
    *a: PO box 351148*
    Jacksonville FL 32211
    *w: www.AidanU.education *
    ...