My products are collapsed.

  • Profile Image
    brandxtshirts
    Asked on June 16, 2016 at 11:37 AM

    Why are my products collapsed like this?

     

  • Profile Image
    david
    Answered 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
    brandxtshirts
    Answered 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
    david
    Answered 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
    brandxtshirts
    Answered 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
    Kevin_G
    Answered 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
    brandxtshirts
    Answered on June 16, 2016 at 11:45 PM
    That worked! Thanks!
    [image: photo]
    *Charles Goffnett*
    ...
  • Profile Image
    brandxtshirts
    Answered 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
    ashwin_d
    Answered 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!