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.


  • Profile Image

    One Form With different images

    Asked by canvaskeepsakes on July 02, 2013 at 06:03 PM

    Hello,

    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.

    Thanks 

    David

    different one form create a form template name unique id
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 02, 2013 at 06:51 PM

    Hi David,

    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

    http://form.jotform.co/form/31827252807860?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!

  • Profile Image

    Answered by canvaskeepsakes on July 02, 2013 at 07:27 PM

    Thanks for the quick solution.

     

    Will embedding 100 images affect the load time of the form?

     

    David

  • Profile Image
    JotForm Support

    Answered by jonathan on July 02, 2013 at 07:45 PM

    @David,

    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. 

    Thanks.

  • Profile Image

    Answered by canvaskeepsakes on July 04, 2013 at 09:00 PM

    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:

    http://canvaskeepsakes.net/canvas/index.htm?productid=CK-A1003

    Is there a solution for this?

     

    Thanks

     

    David

  • Profile Image
    JotForm Support

    Answered by EltonCris on July 04, 2013 at 09:56 PM

    Hi David,

    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.

    If you don't like iframe, I would suggest to check your mobile safary browser javascript. Note that JotForm runs with javascript, it if's not enabled, form might not behave properly. http://www.activatejavascript.org/en/instructions/safari. Another possible solution is to declare DOCTYPE on your html source code so that the browser knows what type of document to expect. Add it before the <html> tag, use the following DOCTYPE.

    <!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!