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

    Embedding a form, not looking properly on iOS (on the desktop everything is okay)

    Asked by Shilon on August 08, 2015 at 08:32 AM

    Embedding a form, not looking properly on iOS

    (on the desktop everything is okay)

     

    This is how it looks like.

    Direct link to the form: (this is how I want to look)

    http://shilon-tv.com/pict/JotForm/IMG_7038.PNG

    http://jotformpro.com/shilon/test1

     

    Redirect the domain to the form:

    http://shilon-tv.com/pict/JotForm/IMG_7037.PNG

    http://test.shilon-tv.com

     

    Embedding the form:

    http://shilon-tv.com/pict/JotForm/IMG_7036.PNG

    http://shilon-tv.com/kefel/

    ios
  • Profile Image
    JotForm Support

    Answered by Welvin on August 08, 2015 at 03:01 PM

    I can't access this page: http://shilon-tv.com/kefel/. It says access forbidden.

    Anyways, here's how you can make your form a mobile responsive: 

    http://www.jotform.com/help/311-How-to-make-forms-Mobile-Responsive.

    Then we recommend embedding the form using our own methods. I suggest the iframe method: 

    http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code.

    Lastly, make sure that you are viewing as a mobile and not as a desktop (Request Desktop Site).

    Thanks

  • Profile Image

    Answered by Shilon on August 08, 2015 at 05:20 PM

    Thanks for the reply

     

    the page should be active now..

    http://shilon-tv.com/kefel/

     

    i did what you suggested but still, the page on the iPhone looks distorted.

    It should look like this:

    http://www.jotformpro.com/shilon/test2

  • Profile Image
    JotForm Support

    Answered by Welvin on August 08, 2015 at 06:32 PM

    The form on this page http://www.jotformpro.com/shilon/test2 is embedded using our source codes method. I think you should do the same and see what will happen.

    Here's how: http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form.

    Thanks

  • Profile Image

    Answered by Shilon on August 09, 2015 at 07:14 AM

    This is how the form looks like embedded source code:

    http://shilon-tv.com/kefel4/

    Looks great on the iPhone, but is not centered on the desktop.

     

  • Profile Image
    JotForm Support

    Answered by Welvin on August 09, 2015 at 08:29 AM

    Add the following custom CSS codes to the form:

    .supernova .form-all, .form-all {

        margin: 0 auto;

    }

    Here's how to inject a custom codes: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes. After that, re-embed the form again using the source codes for the changes to take effect.

    Or, simply add the codes directly in the page source (in the index.html file). 

    http://shilon-tv.com/kefel4/index.html 

    Make sure to add it in the CSS area.

    Thanks

  • Profile Image

    Answered by Shilon on August 09, 2015 at 09:03 AM

    You did it ! Thanks!!!

     

    One small thing, when I'm trying to edit the page in Dreamweaver it is very slow and heavy.

     

  • Profile Image
    JotForm Support

    Answered by Boris on August 09, 2015 at 03:59 PM

    On behalf of my colleague Welvin, you are kindly welcome. :) We are glad to hear that his solutions have worked to your satisfaction.

    When it comes to the speed of your page editing in Dreamweaver, I'm afraid that there is not much that we can do in this regard. Our forms should not be significantly impacting the speed of page editing in Dreamweaver, but that also depends on the processor power of your computer, as well as the amount of elements, conditions and calculations that you are using on your form.

    If you believe that there is some bug in our forms that may be causing your Dreamweaver to react slow, please open a new thread with explaining the issue in more detail, and we will be happy to look into fixing such a bug. I hope this helps.