- Grahammilton1985Asked on October 09, 2015 at 09:53 AM
I have followed the the instructions on how to make my form responsive.
It seem to have worked a treat apart from 2 fields.
The responses to my 'Group Type' and 'Choose your date' options still hang out on the right!
Photo and link attached
- JotForm SupportBJoannaAnswered on October 09, 2015 at 01:21 PM
Please add Mobile Responsive widget to your form. That will make mentioned fields responsive as well.
I have cloned your form and added mobile responsive widget in my cloned form. My responsive form looks like this.
Here is my cloned form: https://form.jotform.com/52815144602954?
Hope this will help. Let us know if you need further assistance.
- Grahammilton1985Answered on October 12, 2015 at 05:31 AM
Thanks for your help
It works well when i just view the form as a link
However is seems to loose its responsiveness when its embeded on my website...
What can I do about this?
- CarinaAnswered on October 12, 2015 at 10:41 AM
I could replicate the same situation.
I will make further tests and will get back to you later.
If you need further assistance please let us know as we're here to help.
- Grahammilton1985Answered on October 12, 2015 at 12:27 PM
- CharlieAnswered on October 12, 2015 at 02:20 PM
It seems like the website itself is not responsive, you can see that when you viewed it on a mobile device, it shows the layout same in the desktop view.
Because the form is set to be mobile responsive, it tries to expand its width the same with the mobile device's screen display.
I also see that you are using different ways to make your form mobile responsive. Currently, there's two ways:
Method 1: You can enable mobile responsive options in the Preferences
And in the Form Designer Tool
Method 2: Using the mobile responsive widget.
If you wan to display the form the same way how it looks like in the desktop view, then you might need to disable all the mobile responsiveness of that form.
If you want to make your website itself mobile responsive, to make the form mobile responsive also, you can try adding/configuring a viewport as mentioned in this guide from Google: https://developers.google.com/speed/docs/insights/ConfigureViewport?hl=en. You just need to add the meta tag mentioned there inside the <head> tags. I'm not sure if this is possible in your end, especially if you are using a website builder.
Do let us know if that helps.