One Form With different images

  • Profile Image
    canvaskeepsakes
    Asked 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

  • Profile Image
    EltonCris
    Answered 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
    canvaskeepsakes
    Answered 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
    jonathan
    Answered 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
    canvaskeepsakes
    Answered 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
    EltonCris
    Answered 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!