Im I able to add this feature to my form?

  • Tullerd
    Asked on September 18, 2017 at 5:19 PM

    Hello

     

    I would like to know if I can make it so when I click on a color, the photo of the seat cover can change to that color.  Is there any way I can do that?  

     

    Thank you!

     

    Daniel T. 

  • David JotForm Support
    Replied on September 18, 2017 at 5:25 PM

    The only way to do this would be to have an image of the seat with each color added to the form.  You can then conditionally show each image based on which color is selected:

    https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

  • Tullerd
    Replied on September 18, 2017 at 6:43 PM
    ​Thank you I do have the images on the form in a slide show although How
    can you make it change for every specfic color chosen?
    Best Regards,
    Daniel T.
    *Daniel T. *
    *Owner-Designer-Operator Phone: 1-800-393-2169*
    *Website: www.rvdashcovers.com Business
    Hours: 8 am to 5 pm Mon thru Fri*
    ...
  • David JotForm Support
    Replied on September 18, 2017 at 7:03 PM

    Rather than using the slider, use an individual image field for each image:

    Im I able to add this feature to my form? Image 1 Screenshot 30

    Once you have all the images added, set up conditions to show those images. 

    https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

    Im I able to add this feature to my form? Image 2 Screenshot 41

    One condition for each option to show the appropriate image, similar to the one above.

     

     

  • Tullerd
    Replied on September 18, 2017 at 8:43 PM
    I attempted to so although the options are not high lighted at a choice
    for example I am tring to get dorchester black to show image of the black
    seat cover please let me know what i'm doing wrong?
    Thanks!
    Here is the link to the form
    https://form.jotform.co/Tullerd/azmp--order-a-custom-made-seat-cove
    Best Regards,
    Daniel T.
    *Daniel T. *
    *Owner-Designer-Operator Phone: 1-800-393-2169*
    *Website: www.rvdashcovers.com Business
    Hours: 8 am to 5 pm Mon thru Fri*
    ...
  • jonathan
    Replied on September 18, 2017 at 9:47 PM

    Please test my demo form https://form.jotformpro.com/72608291853967

    I created the conditions like this

    Im I able to add this feature to my form? Image 1 Screenshot 20

     

    Let us know if this is how you wanted it to work.

    You can also copy/clone my demo form. Follow the steps on the user guide: How to Clone an Existing Form from a URL

    You should be able to review it better on your Form Builder.

  • Tullerd
    Replied on September 19, 2017 at 10:43 AM
    Hello
    I understand although I would like my customer to be abe to choose a color
    for example dorchester black is chosen and the dorchester black seat cover
    appears if you can do one for me as an example I can figure out how it is
    done thank you
    Best Regards,
    Daniel T.
    *Daniel T. *
    *Owner-Designer-Operator Phone: 1-800-393-2169*
    *Website: www.rvdashcovers.com Business
    Hours: 8 am to 5 pm Mon thru Fri*
    ...
  • David JotForm Support
    Replied on September 19, 2017 at 11:27 AM

    What you are looking for is exactly what I set up in my example. 

    Rather than using the slider, use an individual image field for each image:

    Im I able to add this feature to my form? Image 1 Screenshot 30

    Once you have all the images added, set up conditions to show those images. 

    https://www.jotform.com/help/316-How-to-Show-or-Hide-Fields-Base-on-User-s-Answer

    Im I able to add this feature to my form? Image 2 Screenshot 41

    One condition for each option to show the appropriate image, similar to the one above.

    Here is a test form to show how it works:

    https://form.jotformpro.com/72606808052960

    Under the "Dorchester" section, if you select "Sandstone" the correct collect seat will be shown.

    There was no image for the black seat in the slider for that section so I used the sandstone one as an example instead.