Purchase Order layout in Google Chrome

  • Profile Image
    chickenfoot1
    Asked on January 21, 2012 at 07:49 PM

    I made a form with a Purchase Order in it. When I added more than two or three items (I'm not sure) with pictures, the pictures appeared too far to the left, covering up some of the text.

    I use Google Chrome. I tested it in Firefox and Safari as well. In Firefox, the images were placed correctly. In Safari, the problem was the same as in Chrome.

    Thanks for helping with this!

  • Profile Image
    idarktech
    Answered on January 22, 2012 at 03:51 AM

    Hi,

    You can inject this css code to align your product image vertically and to move it far left from your product details.

    .form-product-image-with-options {

    left: 270px;

    }

    Please click the link below to learn how to inject custom css codes on your form:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    If you need any further assistance, please do not hesitate to contact us again. Thank you so much for using our services!

  • Profile Image
    chickenfoot1
    Answered on January 22, 2012 at 03:52 PM

    Thanks for your help!

    I also figured out that using the "shrink" function moved all the images to the correct place.

  • Profile Image
    abajan
    Answered on January 22, 2012 at 05:48 PM

    Glad to know everything worked out. Please feel free to contact us again if you have any queries.