What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
One Form With different imagesAsked by canvaskeepsakes on July 02, 2013 at 06:03 PM
I really like your system it is a really powerful platform. We are about to integrate it with our business processes and get economy account but I have an issue I need some assistance with.
Here is the scenario:
1. We sell an item that involves a customer selecting a design template
There are 100 templates designs the customer can select from.
2. We then send the customer a "form" link where they can let us know what customizations they want done
ie their name and inscription
3. I know we can pass values to the form.
Each template has a unique ID - and the image name is the based on the ID
4. I want the image to display on the form when it loads up so the customer sees what they selected and there is no confusion.
How can we solve this issue? I do not want to have to create a form per design ie 100 forms.
That's possible but you have to embed 100 images in your form to achieved that and then use conditions to to show/hide images. I'd be a bit laborious but it should work. Here's how:
1. Insert a Bidden Box field to your form, it's under Power Tools
2. Insert all images using "Image" tool, same under Power Tools
3. Create conditions e.g. If hidden box field equals to image ID, display specific image.
4. To trigger the image, use URL parameter at the end of your form URL. Example: ?imageid=image001
Try changing image001 to image002 and image003 on this URL, you should see different images.
Hope this helps. Thanks!
P.S. By the way, to avoid conflicts please use different names on your Hidden Box instead of just "id" as seen on the screenshot above. You can use imageID or something else.
Thanks for the quick solution.
Will embedding 100 images affect the load time of the form?
Hi, from what I know, it should. If the images are larger, and internet performance of the user browsing the form will also factor on it.
Generally, JotForm servers are faster and can accomodate this with no hiccup, it is on the user's end that should be considered.
Perhaps you can still proceed with your idea and let us see for ourselves how it will perform.
I have impletemented this idea and it is working fine on Chrome and Internet explorer
however on my iphone browser (safari) it shows all the images. Here is the link:
Is there a solution for this?
Try to re-embed your form using iframe. This might help fixed issues on mobile browser. How to get Iframe Embed Code. The downside here is you can't use URL query directly on your URL, it must be done on the iframe code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Let us know if none of these helps. Thaks!