Product images are being truncated when adding sub-products.

  • troublefreeemployees
    Asked 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? Product images are being truncated when adding sub products Screenshot 30

    Then one I add subproducts it truncates. 

     

    Product images are being truncated when adding sub products Screenshot 41

  • Chriistian Jotform Support
    Replied on September 26, 2016 at 3: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.

    Product images are being truncated when adding sub products Screenshot 20

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

  • troublefreeemployees
    Replied on September 26, 2016 at 3: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?

  • Chriistian Jotform Support
    Replied on September 26, 2016 at 4: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:

    Product images are being truncated when adding sub products Screenshot 20

    Cheers.