Mobile Responive Stopped Working after IFrame Embed- Please Help

  • WrkforceEdge
    Asked on June 3, 2017 at 8:22 PM

    Hello,

     

    We recently embeded our form using the IFrame code and the mobile responsive widget stopped working. I tried taking it off and adding it back in, resizing the form, etc. 

     

    Is there anything else I can do?

     

    http://workforceedge.biz/external/landing-pages/form/

  • Elton Support Team Lead
    Replied on June 3, 2017 at 11:06 PM

    Forms are already mobile responsive. You don't need to add the mobile responsive widget into your form. It is no longer necessary.

    The form embedded on your page is actually responding well on mobile upon checking it here. However, the form content is zoomed out or scaled down because you have not defined the meta code that would properly scale the form content when viewed on mobile.

    So to fix it, add the following meta between the header in your page where you have embedded the form.

    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    Example:

    Mobile Responive Stopped Working after IFrame Embed  Please Help Image 1 Screenshot 20

    Hope this helps.

    Let us know should you need further assistance.

  • WrkforceEdge
    Replied on June 5, 2017 at 12:36 AM

    Thank you, 

    That seemed to fix the zoom issue.

    However the submit button is now missing on the bottom of the form? 

    Also the form jumps when the dropdowns are selected?

  • Charlie
    Replied on June 5, 2017 at 2:08 AM

    Hi,

    I checked your form in this web page http://workforceedge.biz/external/landing-pages/form/ but I cannot replicate the problem. Below is a screencast of my test case, I'm selecting the drop down fields but I don't notice any unusual jumping of the page, the submit button is also present at the bottom.

    Mobile Responive Stopped Working after IFrame Embed  Please Help Image 1 Screenshot 20

     

    Could you please check again, also please let us know which drop down fields are involved about the jumping behavior, I see there are regular drop down fields and there are also some widgets.

    We'll wait for your response.