hide and show not working in google chrome

  • Profile Image
    Asked on December 08, 2011 at 02:45 PM


    Love jotform. It works like a dream and produces beautfil forms!


    But I am encoutering a problem. I have created a form: http://form.jotform.com/form/12505810272&forceDisplay=1&prev

    Depending on the selected number in the dropbox some fields are either shown or hidden. 

    This works for all the major browsers, but somehow it does not work in google chrome. I cant figure out why not. Do you have any idea why it is not working?

    I am using version 15.0.874.121 m of Google Chrome.

    Hope to hear from you!

    with regards,


  • Profile Image
    Answered on December 08, 2011 at 05:30 PM


    This is a known issue with how Chrome handles the css property display:inline-block;

    Its actually a browser issue rather than a JotForm bug.

    I suggest adding the following custom css to your form:

    .form-line {display:block;}



    I have cloned your form with the change here: -> http://www.jotform.com/form/13412157363

    It should work normally on Chrome. 

  • Profile Image
    Answered on December 09, 2011 at 06:17 AM

    thanks a lot for the quick response. It works like a charm.



  • Profile Image
    Answered on August 15, 2012 at 08:38 AM

    Ain't working with me. Help me please.

  • Profile Image
    Answered on August 15, 2012 at 09:05 AM


    Sorry for the inconvenience that may have caused. As I have checked your form, I don't find any conditional logic of your form and that's the reason why the custom css provide by my colleague is not working on your form.

    Please take a look at our user guide article for more detailed information on creating conditional logic on forms:


    If you need further assistance, feel free to contact as at anytime.

    Thank you!