eirlymeyer
Member
I'd like to add an Image to the form.
My goal is to add an image and text next to that image. For example:
Logo: Name of Application.
It seems that none of the drag & drop options allow me to do that.
What is the best way to add and align an image to a form?
The "HTML" fields allow you to add freeform HTML markup inline with your form fields. You can add an image reference and any other markup you'd like to have with it there.
eirlymeyer
Member
Okay, I was able to use the HTML field.
However, I'm not able to align my image to the first section of the form called: Form Settings. (ie: BARKAT Financial Services: Application Form). I tried to do the gf_left_half & gf_right_half, but it ends up in the same spot.
Example: http://barkatfinancialservices.com.au/form-testing/
Yeah, the CSS Ready Classes aren't meant to be applied to the HTML blocks. You could target the HTML field by the containing list element ID, then position it wherever you want to in the form with some custom CSS rules. You could float it to the right, but in this instance, you'll probably do better with absolutely positioning the image. You can try adding this to your theme stylesheet and then tweaking it from there.
[css]
body. #gform_wrapper_1 {
position: relative
}
body #gform_wrapper_1 li#field_1_22.gfield_html {
width: 25%;
position: absolute;
top: 30px;
right: 0;
}screenshot: http://bit.ly/q3jGNS