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

    My products are collapsed.

    Asked by brandxtshirts on June 16, 2016 at 11:37 AM

    Why are my products collapsed like this?

     

    Page URL:
    https://form.jotform.com/61474986452164

    my products
  • Profile Image
    JotForm Support

    Answered by david on June 16, 2016 at 01:25 PM

    Special options will only be shown if the product is selected.  The options are collapsed when they are not. To prevent them from collapsing, you can add this code to your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    .form-product-item {
        min-height : 170px;
    }

    Here is how the form would look with the code added. 

    https://form.jotform.com/61675467668978

     

  • Profile Image

    Answered by brandxtshirts on June 16, 2016 at 03:45 PM
    Still not working correctly. I've tried to change the pixel dimension, but
    no luck. Help!
    [image: photo]
    *Charles Goffnett*
    ...
  • Profile Image
    JotForm Support

    Answered by david on June 16, 2016 at 04:54 PM

    I checked your form and the product fields are no longer collapsing.  Are they still showing incorrectly on your end?  As far as I can tell, the code applied is correctly forcing the height of the products.

  • Profile Image

    Answered by brandxtshirts on June 16, 2016 at 08:45 PM
    Still having problems:
    https://www.dropbox.com/s/r3eaqba7t4giozx/Screenshot%202016-06-16%2017.18.37.png?dl=0
    [image: photo]
    *Charles Goffnett*
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G on June 16, 2016 at 10:14 PM

    Try injecting this CSS code, please: 

    .form-product-item {

        min-height: 250px;

        width: 100%;

    }

    This should be the result: 

  • Profile Image

    Answered by brandxtshirts on June 16, 2016 at 11:45 PM
    That worked! Thanks!
    [image: photo]
    *Charles Goffnett*
    ...
  • Profile Image

    Answered by brandxtshirts on June 17, 2016 at 01:44 AM
    I spoke too soon. Still stuggling here. See how some of my product options
    wrap?
    https://form.jotform.com/61474986452164
    [image: photo]
    *Charles Goffnett*
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 17, 2016 at 04:53 AM

    Hello Charles,

    I did check your form and found that you have other css code injected and that is causing this issue. Please remove the other inject css code and just inject the following custom css code:

    .form-product-item {

        min-height: 250px;

        width: 100%;

    }

    Please take a look at the following cloned form and see if this works as expected:  https://form.jotform.com/61681537482967

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!