Making the form mobile visible

  • Wingzy
    Asked on June 25, 2018 at 12:40 PM

    Hi Folks,


    I have just created a new form for a customer: valley portable toilets  http://www.valleyportabletoilets.ca/fence-quote-form.htm) and the form does not show up as the visual preview in the jot form creator. actually, you see it 1.3 sec in the main view. The website is built with Xara web designer).

     I have copied the embedded code in a place holder, like I have done with the other contact form from Jotform

    Please advice

    next question is in the mobile version of the website I would like it to appear as in the preview from the jotform builder. How do I make that happen?


    All help is welcome!

    Jotform Thread 1507859 Screenshot
    Page URL: http://www.valleyportabletoilets.ca/fence-quote-form.htm
  • Jan
    Replied on June 25, 2018 at 1:51 PM

    The form does not show up as the visual preview in the JotForm creator.

    Please try to re-embed the form using the iFrame method. This will prevent script conflicts between the form and the webpage. Here's a guide: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

     

    Next question is in the mobile version of the website I would like it to appear as in the preview from the jotform builder. How do I make that happen?

    Only the form will appear in the Preview Mode of the Form Builder. I suggest you check your website using a mobile responsive emulator like this website.

     

    Let us know if you have any questions. Thank you.

  • Wingzy
    Replied on June 26, 2018 at 8:43 AM
    Hi,

    Thanks for the tip and I have used the Iframe method and place that in the placeholders form Xara web designer 360 pro, but still not the complete contact form.
    As per screen print:

    Regardless of what tester I use:
    .
    Nor will the form show up on my own cell phons: Samsung gallaxy6 and egde8 nor on my really old Apple s3.

    Please advice

    ...
  • Jan
    Replied on June 26, 2018 at 10:32 AM

    Please try adding the Mobile Responsive widget into your form. Here's a guide on How-to-Add-a-Widget-to-Your-Form.

    153002332106 26 ky10p Screenshot 10

    If the issue persists, then please try removing the Script element below the iFrame code.

    <iframe id="JotFormIFrame-81764567871976">...</iframe>
    <script type="text/javascript">...</script>

    Unfortunately, the screenshot that you are trying to share is not showing in your post. Please go directly to this thread (https://www.jotform.com/answers/1507859) and use the Reply Editor to upload the images. You may also check this guide: How-to-Post-Screenshots-to-Our-Support-Forum.


    We will wait for your response. Thank you.