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

    Item images in Product Field are cutoff when items are collapsed.

    Asked by chefjeff on March 03, 2017 at 10:19 AM

    Hi - I noticed that when I add an image to a product, and that product has multiple sizes - that the item collapses along in the final form view with the other products listed.

    It cuts the images in half and the user much select the item to expand the item and to view the full image.

    Is there anyway to increase the space between collapsed items so the image does not get cut off? Is there a way to remove the expanding/collapse feature if desired. Also, is there anyway to make the thumbnail images larger? 

    Thanks for your help.

    Page URL:
    https://form.jotform.com/chefjeff/crossland-high-school-culinary-arts

    Screenshot
  • Profile Image

    Answered by KadeJM on March 03, 2017 at 01:17 PM

    We do apologize about your product images getting cut off and I see what you mean after looking at your screenshot.

    This is happening because of the current collapse functionality stemming from several product options on your form so it is forcing a cutoff point.

    One way to correct this problem would be to use custom injected CSS to target the product images so that you can force it to stay open or at a specified height.

    Please refer to https://www.jotform.com/help/75-Customize-Your-Form-Using-Custom-CSS-Codes  for more details.

    Additionally, if you need more help then we can look at this further but it will require a bit of time and then we'll update you here as soon as we are able.

  • Profile Image

    Answered by chefjeff on March 03, 2017 at 02:06 PM

    Thanks. I referred to the suggested link and posted for additional help there. I may remove the images and just show them as an image field above the products until I can add the custom CSS per your response. 

  • Profile Image
    JotForm Support

    Answered by Kiran on March 03, 2017 at 06:05 PM

    I see your question asked on the guide in the comment section. I have cloned your JotForm and trying to get the CSS code to display the image on the payment field. Please allow me some time to check on this and get back to you with relevant information.

    Thank you!