aligning images in checkboxes

  • DippyBoutique
    Asked on April 13, 2014 at 5:00 PM

    Hello...  I would like to know how i can align the images in each of my checkboxes option.

    (I am using multiple images per checkbox!!!)  i want them to look uniform on the form....

    i would also like to know how i can vertically center the text and change the font???  

     

    Thanks

  • jonathan
    Replied on April 13, 2014 at 7:04 PM

    Hi,

    I suggest instead of the checkboxes you used wherein you have to hard code in the options all the images URL (this is not recommended because it causes issue with the checkbox) -- try the Purchase Order field instead.

    aligning images in checkboxes Image 1 Screenshot 30

     

    here is a sample form I did http://form.jotform.me/form/41026755644455?

    You add the images to it like this

    aligning images in checkboxes Image 2 Screenshot 41

     

    To assign dimensions to the images,I injected this CSS code on the form

    .form-product-details{display: none;}

    .form-product-image {

    height:250px !important;

    width:250px !important;}

    use this guide https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    Hope this help. Inform us if you need further assistance.

    Thanks.