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

    Why product in products list is cut off?

    Asked by calebtaulbee on April 12, 2017 at 02:46 PM

    Please help, here is the link:  https://form.jotform.com/70717115135146

    Page URL:
    https://form.jotform.com/70717115135146

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Nik_C on April 12, 2017 at 05:29 PM
    For some reason the height is messed up, it could be related to the theme used. I was able to make all the products show properly, but with a gap, for example:
     
    And that you can achieve by adding the below CSS code to your Custom CSS Code:
     
    span.form-product-item.hover-product-item {
        height: 172px!important;
    }
     
    Another way would be to move the first block to the right and a bit up:
     
    You can achieve that by adding the below CSS code:
     
    span.form-product-item.hover-product-item {
        height: 137px!important;
    }
    table#input_50_1010_subproducts {
        margin-left: 320px;
        margin-top: -31px;
    }
     
    Into the Custom CSS Code field.

    Here is my clone of your form as well, feel free to check it: https://form.jotformpro.com/71016528478965
    Let us know if you have any further questions.
     
    Thank you!
  • Profile Image

    Answered by calebtaulbee on April 12, 2017 at 05:47 PM

    thank you for the reply!  I applied the first CSS Code you gave me but when i apply it the top box top one is now cutting off the last item and when selected it doesn't open up any further.  

  • Profile Image

    Answered by calebtaulbee on April 12, 2017 at 06:06 PM

    Update:  I add CSS for Line height and that helped. But this seems to be a design flaw in that payment object.  Can this be submitted to development?

  • Profile Image
    JotForm Support

    Answered by Nik_C on April 12, 2017 at 07:17 PM

    Thank you for getting back to us.

    Actually, the issue is with the theme used, if the theme is removed it is working fine:

    So that's why it needs CSS adjustments. 

    You can check my clone of your form with default theme: https://form.jotformpro.com/71016528478965

    Thank you.