How to Add Images to Form?

Hi,

I am trying to create a form similar to this pic I uploaded http://i43.tinypic.com/359mufb.jpg

It is basically a 4 column layout form which has an image above a form field. The image is a product in this case and the user can enter the quantity into the form field of which products they desire.

I don't see a way in gravity forms to simply add an image to the form without perhaps using the HTML block? I have about 150 images for the form, so doing it via HTML would be cumbersome but OK if that is the only way.

Can anyone help me understand how to achieve such a form using gravity forms?

Thanks

What I did was:

Create the field and assign a custom css class name. I then specified the custom image css in the theme.
So in the field section click on Advanced then enter a CSS Class name. Go to your theme css and enter:

[css]
.classname {
height: 150px;
padding-left: 180px;
background-image: url('http://url-toimage-file.jpg');
background-repeat: no-repeat;
background-position: left;
padding-bottom: 15px;
}

Of course the css will be specific to your layout.

If you dont want to add the css to your theme you can download the plugin "Specific CSS/JS for Posts and Pages" and specify the css in the post where the form will be added

Hope that helps

That works... all depends on where you want the images to go.