Mobile version not fitting the photo

  • thebunkroom
    Asked on February 22, 2017 at 9:04 PM

    Hi...I used one of your templates and it's all good except for the image I used. It looks great on my laptop but it doesn't size down on my phone. I thought the form was mobile responsive...

    The form I'm working on is:

    https://form.jotform.com/70526309266962

     

    Thanks for your help!

     

    Maria

  • liyam
    Replied on February 23, 2017 at 3:54 AM

    Hello Maria,

    Please go to the Advanced Form designer by clicking the paint roller icon on the right

     Mobile version not fitting the photo Image 1 Screenshot 40

    Scroll down and click the Advanced Designer

    Mobile version not fitting the photo Image 2 Screenshot 51

     And tick the Make this form Mobile Responsive checkbox.

    Mobile version not fitting the photo Image 3 Screenshot 62

    Once done, just save your settings and let us know if the problem persists.

    Thanks.

  • thebunkroom
    Replied on February 23, 2017 at 10:46 AM
    Hi…Thank you for your response. I found the area to make the changes but when I got in there it looked like the whole background color changed to a dark gray without me doing anything. I was afraid to save because I didn’t want to have to go in fix it… Or maybe it just looks like that in the editor and in preview mode it goes back to what it was?
    Let me know!
    Thanks!
    Maria
    ...
  • thebunkroom
    Replied on February 23, 2017 at 10:46 AM
    Hi…I tried it and I was correct…the colors changed. Wondering if it’s going back to original template settings as I did change the background colors from the original. Be that as it may, even when I set it to responsive, saved it, then went back into the builder to change the color back, the responsiveness didn’t stay. This isn’t working. Argh.
    ...
  • BJoanna
    Replied on February 23, 2017 at 1:31 PM

    Which background color your form had? 

    You can revert your from to previous version, before background color was changed. 

    How to View Form Revision History

    After that I would suggest you to add Mobile Responsive widget to your form. 

    How to Add a Widget to your Form?

    This widget is not available in Version 4 of our Form Builder, so you will have to switch back to Version 3 to add it to your form.

    You can switch back to Version 3 on settings page of your account.

    Mobile version not fitting the photo Image 1 Screenshot 20

    After you add Mobile responsive widget you can switch back to Version 4.

    Also here is my cloned form with Mobile responsive widget. 

    https://form.jotform.com/70535809266967 

    Feel free to test it  to see if image is responsive. You can also clone it

    Hope this will help. Let us know if you need further assistance. 

  • thebunkroom
    Replied on February 25, 2017 at 11:53 AM

    I went ahead and changed the form to responsive. Then I manually fixed the colors since it was before I rec'd your email. The form is still not being responsive on my iphone 6 when in vertical position. It is, however, working in horizontal position. Is this as good as it gets? Or is there something else I can do to make it work both ways?

  • Nik_C
    Replied on February 25, 2017 at 2:36 PM

    I tested the form from my colleague https://form.jotform.com/70535809266967 in iPhone simulator since I'm not in possession of the device now, and it looked fine to me in portrait mode:

    Mobile version not fitting the photo Image 1 Screenshot 20

    Did you try to use that form on your device and see if it is showing correctly?

     

     

  • thebunkroom
    Replied on February 27, 2017 at 8:46 AM
    Hi Nik... The text is fitting at the images are not. Please see image attached.
    Maria Slaby
    Sent from my iPhone
    ...
  • Nik_C
    Replied on February 27, 2017 at 10:48 AM

    Hello Maria,

    My apologies, could you please re-send those screenshots of the problem since I wasn't able to replicate it, images are showing fine in iPhone simulator.

    Here is how to send the screenshots:

    1. Go to this link: https://www.jotform.com/answers/1073730

    2. Click this icon:

    Mobile version not fitting the photo Image 1 Screenshot 20

    We'll wait for your response.

    Thank you!

     

  • Maria
    Replied on February 27, 2017 at 11:51 AM

    here ya go!

    Mobile version not fitting the photo Image 1 Screenshot 20

  • BJoanna
    Replied on February 27, 2017 at 1:15 PM

    I have inspected your form and you did not added Mobile Responsive widget to your form. When you add this widget your image will be responsive.

    Your video is not responsive because if has fixed width. If you want that video is shown properly on mobile devices, you will have to decrease the width of embed code that you have added to text field. 

    Mobile version not fitting the photo Image 1 Screenshot 30

    On my new form I have reduced the width to 280.

    Here is my new form: https://form.jotform.com/70574678384975 

    It looks like this on iPhone emulator:

    Mobile version not fitting the photo Image 2 Screenshot 41

    Please test my form on your form to see if it is displayed properly. You can also clone my form.

    Hope this will help. Let us know if you need further assistance. 

  • thebunkroom
    Replied on February 27, 2017 at 5:46 PM
    How do you add the mobile responsive widget, and where?
    BTW…I selected this theme because I thought it said it was responsive.
    ...
  • Chriistian Jotform Support
    Replied on February 27, 2017 at 10:19 PM

    Hi,

    If you are working on JotForm builder Version 4, the Mobile Responsive Widget is not there any longer because forms that are built to the new builder should be mobile responsive already.

    However, to still add this widget on your form, you need to switch back to JotForm version 3 builder and there add the Mobile Responsive Widget.

    Mobile version not fitting the photo Image 1 Screenshot 20

     

    Let us know if you nee further assistance.
    Regards

  • thebunkroom
    Replied on March 9, 2017 at 9:04 AM
    I’m using Jotform v3. I still don’t know how / where to add the widget.
    ...
  • thebunkroom
    Replied on March 9, 2017 at 9:04 AM
    HELP!
    I switched back to ver 3 and added the responsive feature in the design form. Now the form has changed color and I can get it back. AND the form isn’t responsive anyway. The videos are too big. GRRRR. Help! Please!
    ...
  • thebunkroom
    Replied on March 9, 2017 at 9:50 AM
    This issue is still not resolved. The second video on my form is not sizing down for mobile on my iPhone 6S.
    ...
  • thebunkroom
    Replied on March 9, 2017 at 9:56 AM
    This issue is still not resolved. The second video on my form is not sizing down for mobile on my iPhone 6S.
    ...
  • thebunkroom
    Replied on March 9, 2017 at 10:10 AM
    This issue is still not resolved. The second video on my form is not sizing down for mobile on my iPhone 6S.
    ...
  • Nik_C
    Replied on March 9, 2017 at 11:39 AM

    This is how the video is showing on my phone (Android though):

    Mobile version not fitting the photo Image 1 Screenshot 30

    And it is playing like that.

    On iPhone 6s emulator it is showing similar except it the width of the form is cut in half:

    Mobile version not fitting the photo Image 2 Screenshot 41

    Is that how it is shown in your phone as well?

    Also, if you need to revert your form to some previous version you can use Revision history: https://www.jotform.com/help/294-How-to-view-form-revision-history

    We'll wait for your response.

    Thank you!

     

  • thebunkroom
    Replied on March 9, 2017 at 2:46 PM
    I keep telling you guys that it’s not showing the second video properly on my phone….please see the screenshot I sent last week. You will see the second video not showing up.
    Your screen shots only show the first video.
    Would be nice if we could resolve this.
    Thanks
    Maria
    ...
  • Chriistian Jotform Support
    Replied on March 9, 2017 at 8:18 PM

    I'm currently checking your form. Please allow me some time to further investigate. I'll get back once I've done.

    Regards

  • Chriistian Jotform Support
    Replied on March 12, 2017 at 9:21 AM

    Hi there,

    Do you mean the video in your form as shown in the screenshot below?

    Mobile version not fitting the photo Image 1 Screenshot 30

     

    It does not load in the form because the link to the video - https://makemyvideointeractive.com/videos/8cd40f19ab24eb5f481b34f18fc927e70a7d88ce/preview - does not refer to a valid source. If you access the link provided above using a browser, it does not point to a video but a blank page.

    Mobile version not fitting the photo Image 2 Screenshot 41

     

    Let us know if you are referring to a different video in your form.

    Regards.