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

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/

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

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

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

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.

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

You did it ! Thanks!!!

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

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.