What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Why can I not check the checkbox on my form

    Asked by perrymanku on August 01, 2013 at 03:36 PM

    I have this form:

     

    http://form.jotformpro.com/form/32125042363947

     

    I am unable to select the checkbox and when i click on the drop down arrows, nothing happens (the options are not displayed)

     

    Please advise

    checkbox check not displayed select
  • Profile Image

    Answered by cesar_melendez on August 01, 2013 at 04:05 PM

    Good afternoon,

     

    Your "Enter Draw" button's layer is blocking your checkbox. You can try editing your injected code as shown below. So we can bring the checkbox to the front of all other layers blocking it.

    Go to Setup & Embed | Preferences | Form Styles | Inject Custom CSS

    And look for the code displayed below:

    Your current code for #id_7:

    #id_7 {
    position: absolute;
    top: 250px;
    margin-left: 299px;
    font-family: Tahoma;
    font-size: 12px;
    }

     

    After adding the z-index: 15 property;


    #id_7 {
    position: absolute;
    top: 250px;
    margin-left: 299px;
    font-family: Tahoma;
    font-size: 12px;
    z-index: 15
    }

     

    This should bring the checkbox to the front of all other layers that are currently blocking it, the higher the value ( in this case 15 ) the more "in front" the checkbox is going to be amongst all other layers.

    bringing checkbox to the front

  • Profile Image

    Answered by perrymanku on August 01, 2013 at 04:25 PM
    Great, I will give it a try. Also, my drop down boxes are not working when I click the arrow. Please advise
  • Profile Image

    Answered by cesar_melendez on August 01, 2013 at 04:40 PM

    Hello again,

    It is the same situation as before, the dropdown menu on the right is blocking the menu on the left.

    We can bring the menu on the left forward the same way as we did with the checkbox:

     

    This is your current injected code:

    #id_3 {
    position: absolute;
    top: 170px;
    margin-left: 300px;
    }

    And will add the same line of code, just one level below (14) the checkbox.

    #id_3 {
    position: absolute;
    top: 170px;
    margin-left: 300px;
    z-index: 14

     

    dropdownmenulayerbringtofront

  • Profile Image

    Answered by pinoytech on August 01, 2013 at 05:26 PM

    Hi,

    For some reason, your response came out empty. Can you please post it again using the link bellow?

    http://www.jotform.me/answers/251441-Why-can-I-not-check-the-checkbox-on-my-form

    Thank you!