PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

How can I display an image to the right?

  1. 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?

    Posted 7 years ago on Wednesday February 6, 2013 | Permalink
  2. directresponse
    Member

    Still haven't heard back in 2 days?

    Posted 7 years ago on Saturday February 9, 2013 | Permalink
  3. 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.

    Posted 7 years ago on Saturday February 9, 2013 | Permalink
  4. 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

    Posted 7 years ago on Tuesday March 5, 2013 | Permalink
  5. 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/

    Posted 7 years ago on Thursday March 7, 2013 | Permalink