asociar una opcion con una imagen

  • repuestosatlantic
    Fecha de consulta 18 de octubre de 2023, 9:11

    buenas equipo de soporte necesito saber como asociar una imagen con cada una de las opciones que tiene disponible

    asociar una opcion con una imagen Image 1 Screenshot 20


    en conclusión que cuando elija una opción me la relacione con la imagen de esa opción

    Jotform Thread 8259271 Screenshot
  • Alexander_G
    Fecha de respuesta 18 de octubre de 2023, 9:27

    Hi repuestosatlantic,

    Thanks for reaching out to Jotform Support. Jotform's Conditions feature lets you show fields based on the answers that people gave. Let me show you how to set it up:

    1. On your My Forms page, hover your mouse over your form and click on Edit Form.
    2. In Form Builder, click on the Add Form Element menu and drag-drop the fields you want to use as follow-up questions (Short Text fields are used in this example).
    3. Click on the Type a Question text and change it to the question you want to use.

    asociar una opcion con una imagen Image 1 Screenshot 60

    Now, let's set up the conditions:

    1. In Form Builder, in the orange navigation bar at the top of the page, click on Settings.
    2. Click on Conditions on the left of the page.
    3. Now, click on Add a New Condition and then click on Show/Hide Field.
    4. Set the conditions like you see below:
    • IF: Do you have a dog or a cat? (this is the question that has the choice that the form submitter needs to select)
    • STATE: Is Equal To
    • VALUE: Dog (the first choice)
    • DO: Show
    • FIELD: What is the name of your dog? (the follow-up question that you want to show)

    asociar una opcion con una imagen Image 2 Screenshot 71

    Set up Conditions for all of the choices for your question. Check out the screencast below to see how your form will work after setting up the Conditions:

    asociar una opcion con una imagen Image 3 Screenshot 82

    In your case with colors, you will need to add an Image element for each color and then set conditions.

    asociar una opcion con una imagen Image 4 Screenshot 93

    Result:

    asociar una opcion con una imagen Image 5 Screenshot 104

    Give it a try and let us know how it goes.