Product images are being truncated when adding sub-products.

  • Profile Image
    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? 

    Then one I add subproducts it truncates. 

     

  • Profile Image
    Chriistian
    Answered 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
    troublefreeemployees
    Answered 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
    Chriistian
    Answered 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.