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

    1st product does not show full image or sub product choices: quantity/sizes

    Asked by ahsraidersxc on July 24, 2014 at 03:44 PM

    I have quantity field input as well as sizes with sub product choice selected for all items and it works on all items except for whichever one is first on the form.  Help!

    Page URL:
    http://alpharettaxc.weebly.com/

    Screenshot
    quantity product choices selected items
  • Profile Image
    JotForm Support

    Answered by Welvin on July 24, 2014 at 04:50 PM

    Hi,

    You have the following custom CSS codes injected to the form:

    .form-product-image-with-options, .form-product-image {

    width: 250px;

    height: auto; important!

    }

    These codes control the height and width of the product images. You may consider removing that if you do not want to scale down the images. OR, change height from auto to a value, i.e 250px.

    Check it by following this guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Also, sub-product listing are shown when the product item is selected. That's the current behaviour of the payment field. If you want to show all sub-product items by default, you can inject the following custom CSS codes to your form:

    .form-product-item.hover-product-item {

    height: auto !important;

    }

    .form-product-item {

    height: auto !important;

    }

    The same guide above for adding these codes.

    Please get back to us if you need further assistance.

    Thanks