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

    Device Previews

    Asked by activepresence on October 21, 2016 at 08:56 AM

    Episode 8 of your Tutorial Videos talks about Device Previews, and it shows the form on desktop, mobile, etc. I cannot find this function on my JotForm account. The "preview" capability seems to have changed?

    Here is the video I am talking about:

    https://www.jotform.com/form-designer/tuts/episode8/

    I am trying to create a form very similar to the one shown in this video (see screenshot). Can I find this form anywhere as a template I can then edit? That would be so, so useful.

    Thanks.

     

    Page URL:
    https://www.jotform.com/form-designer/tuts/episode8/

    Screenshot
    create a form JotForm video template
  • Profile Image

    Answered by Irshad on October 21, 2016 at 09:23 AM

    The form which you are referring is available on the below URL:

    http://jotform.com/42933179163964

    You can create the clone of above form, and can edit that according to the requirement. Please check the below guide, which explains how to create Clone of a form:

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    While in the edit mode of form, when you will click to the "Preview" icon, you will get the form preview in a Popup window, according to the below screenshot:

     

    The Preview button, which shown in Video, come in the Advanced designer tool. Please click on the "Design" icon in Form builder, and then from the new popup window, click on the "Advanced Designer" button, according to the below screenshot:

     

    Once you will go to the Advanced Designer, you will get the Preview button, while doing mouse hover to the "eye" icon at the left side of screen, according to the below screenshot:

    If you face any issue, or need further assistance, feel free to revert back.

    Thank you!

  • Profile Image

    Answered by activepresence on October 21, 2016 at 09:35 AM

    Hi there - thanks for your answer. I've cloned the form - thank you. With respect to the preview, perhaps I did not make myself clear. In your Episode 8 video, the preview function shown shows the form on different devices: desktop, mobile, laptop, tablet, etc. This specific function now seems to be missing from the "preview" function - the one you show above.

    How can I see what my form will look like on different devices? <== This is my question

    Thanks,

     

    Chris

  • Profile Image

    Answered by Irshad on October 21, 2016 at 09:55 AM

    I am sorry for the confusion. The preview option which you have seen in the video, is a part of "Advanced designer" tool. Please check the animated screenshot below, which explains how you can go to the Advanced Designer tool, and can see the Preview:

     

    I have also updated my previous post, so you can also re-check the previous post. If you have any query, or need further assistance, feel free to revert back.

    Thank you!

  • Profile Image

    Answered by activepresence on October 21, 2016 at 11:38 AM

    Great - this is what I was trying to get to. Thank you very much.