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

    Product images are being truncated when adding sub-products.

    Asked by troublefreeemployees on September 25, 2016 at 11:56 PM

    I'm working on the form https://www.jotform.us/form/62686309406158?preview=true I'm having some issues with my paypal product field. I want it to have subproducts on it  but when I add them it truncates the images. See attached screenshots.... I was hoping I could somehow fix that? 

    Then one I add subproducts it truncates. 

     

    Page URL:
    http://hawaiihatcompany.com/

    sub products sub JotForm uploads preview product
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 26, 2016 at 03:13 AM

    To show the full images on your paypal form, please inject the custom CSS code below:

    .form-product-item {

        min-height: 66px !important;

    }

    The code sets the minimum height of the element that contains the image, so that the entire image will be visible.

    If you need further assistance, please let us know.
    Regards.

  • Profile Image

    Answered by troublefreeemployees on September 26, 2016 at 03:24 AM

    Thank you that helped to make it so the whole image can be seen which is great. However now there is another problem where now the list of subproducts appears to be truncated until the box is checked to select the product and expand the list. Is there a way to hide the list of subproducts from being displayed until the box is checked so there is a look and feel to the form that is more like what the initial clean look is like, similar to the second screen shot on the original post of the thread?

  • Profile Image
    JotForm Support

    Answered by Chriistian on September 26, 2016 at 04:18 AM

    We can achieve your requirement by increasing the margin of the list of subproducts, so that it is hidden from view when the product isn't checked. Please add the CSS code below to your form:

    .form-product-child-table {

        margin-top: 73px;

    }

    Here's how it should look after:

    Cheers.