directresponse
Member
Right now i have a form on my site. I'm using multi-form so that the user fills out one part, then goes to part 2, part, 3 part 4 ( so 4 breaks)
To the right of the form i want to display a different image for each of those 4 parts
So part 1 - image
part 2 - image
part 3 - image
part 4 image
How can i do that?
Do you have a link to the form on your site where you want to show the image?
When you say "to the right of the form" do you mean that the image will be part of the form, or will be part of the page where the form is embedded, outside the form itself?
If you want the image inside the form, you can use an HTML field and an img tag with the CSS to float it to the right. You would use one HTML field for each page and each different image.
If you want to put the image outside the form, I'm not sure how you could do it with Gravity Forms, although you might be able to do it the same way, with an HTML field and an img tag, but then use absolute positioning to move it over to the right.
directresponse
Member
Hi Chris
Yes as i have 1 form but im using page breaks ( 3 breaks ) and I want to have aligned right 1 image for each break.
So part 1 - image
part 2 - image
part 3 - image
part 4 image
I would need to be able to add the images into the form itself so it corresponds with the breaks in the form.
Do you know what the html and css would look like for aligning an image in an HTML field? And would it align it to the right of that field?
thanks
I added an HTML field right after the first field after my page break. I gave the first form field after the page break the custom CSS class of "gf_left_half" so it floats to the left, and then gave my HTML field a class of "gf_right_half". Then, I inserted the HTML for the image, and put it inside a div which I floated to the right. Here is the full content of my HTML field: http://pastebin.com/jxCRrMtH (had to put the code there due to Firehost security restrictions).
You can see the example form here:
http://gravity.chrishajer.com/pre-set-some-field-selections/
