Multiple optiions on multiple pages...

  • Profile Image
    BenDMVam
    Asked on March 26, 2013 at 06:17 PM

    Here's what I am trying to do:

    I have approx 50 "options" (checkboxes) that a customer can add to a design project. I need some way of formatting them all in one form with a corresponding image, which, when clicked opens a lightbox with a larger (different) image and text description. When my customer actually checks the checkbox, a text box will appear (possibly other input fields as well), allowing them to type their input for that "option."

    I also need the rest of the form (before and after this "options" page) to be embedded in different webpages, but all the data to populate ONE form overall (a single compiled response- they fill out parts of the same form as they navigate from webpage to webpage)

     

    How in the world can I do all of this? 

  • Profile Image
    EltonCris
    Answered on March 26, 2013 at 09:33 PM

    Hi,

    If you'd like to insert images on check boxes options, you can use HTML image code and add it directly on the check box option toolbar. You can use the following code.

    <img alt="" src="https://www.jotform.com/image/yourimage.png" style="width: 41px; height:28px; " align="absmiddle"> Label

    Just replace the image URL (highlighted in light blue) to your image URL and images dimensions (bolded numbers). You can also add labels (highlighted in orange) if you like. Check this visual guide:

    Note that, you can't make a lightbox function inside the form builder. It is not possible. You may however, link your small images into a bigger one using a pop-up html code.
    Example:
    <a target="_blank" href="javascript:void window.open('http://www.google.com','','scrollbars=yes,menubar=yes,resizable=yes,left=30,top=30,height=500,width=650')"><img alt="" src="https://www.jotform.com/image/yourimage.png" style="width: 41px; height:28px; " align="absmiddle"></a>

    The orange code is the pop-up script and the blue code is the HTML code as explained above.
    ------------
    For the second question about displaying another text field when a certain check box option is selected, you can use hide/show condition. Here's how you can access it on the form builder. 
    Your last question seems a bit vague, do you mean allow the form to saved the filled data so the user will be able to continue where they left off? If so enable the "Save Forms Later".
    Let us know if I have missed something and if you need further clarifications. Thanks!

  • Profile Image
    EltonCris
    Answered on March 27, 2013 at 03:36 AM

    Hi there!

    We were unable to view your response on this thread. If that's a question, please post it on this thread instead. http://www.jotform.me/answers/197582-Multiple-optiions-on-multiple-pages-#2

    Thank you!