-
troublefreeemployeesAsked 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/ -
Chriistian Jotform SupportReplied 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.
If you need further assistance, please let us know.
Regards. -
troublefreeemployeesReplied 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 SupportReplied 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:
Cheers.