Module

Developer
Supported

EE 1
EE 2
ProForm Drag and Drop Form Builder

Back to this add-on's main page
View Other Add-ons From Isaac Raway

     

You must be logged in to post.

[Resolved] Adding Images into the Form

Support (Resolved)

hkmusil
hkmusil

Hi - I just installed Proform and I am using it for an internal product-ordering form. The client would like to add an image next to each field to show the product. Can you tell me how I can do that?

Thanks!
Heather

MetaSushi
# 1
Developer
MetaSushi

Assuming you have a fairly small number of products, you could do something like this:

1. Use a Products channel to store details for each product.
2. Create new hidden fields on the order form for each product, with field names matching the url_title for each product.
3. List the available Products entries on your order form template, using the url_title to create new text fields that allow the visitor to specify each product’s quantity. This way the field name will match one of the available products, and you can also provide more information (including an image) next to each quantity field.
4. Remove the {hidden_fields} loop from the template to prevent the fields from being rendered twice. The “hidden” fields will have been made visible by the above Products loop.

Let me know if this works out! I might be able to add another way of handling it if this doesn’t do what you’d like. POST arrays would probably be ideal, but currently aren’t handled in a way that would work with what you want to do. The above solution would work immediately with the current version, however.

MetaSushi
# 2
Developer
MetaSushi

I’m going to close this thread since there has not been any recent activity. Please post again if you have any additional questions!