Embedded Form: Submit button is not showing on mobile

Hi,

I wanted to bring to your attention an issue with our Reseller form. It appears that the Submit Application button is not visible on both iOS and Android devices. Even after attempting to fill out the form, the submit button still does not appear.

Could you please look into this issue at your earliest convenience?

Hi papemelroti,

Thanks for reaching out to Jotform Support. I checked and was able to replicate the issue on mobile phones. Please try increasing the height on your iframe code to 1000 px or to your requirements:

Give it a try and let us know how it goes.

Hi,

We tried increasing the height, but the button is still not showing.

Hi papemelroti,

Seems you're using the old iFrame code. Can you try using the updated one? For your convenience, you can embed the code below:

  <iframe

   id="JotFormIFrame-92239069907467"

   title="Reseller Registration"

   onload="window.parent.scrollTo(0,0)"

   allowtransparency="true"

   allow="geolocation; microphone; camera; fullscreen"

      src="https://form.jotform.com/92239069907467"

   frameborder="0"

   style="min-width:100%;max-width:100%;height:100% ! important;border:none;"

   scrolling="no"

  >

  </iframe>

    <script src='https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js'></script>

    <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-92239069907467']", "https://form.jotform.com/")</script>

Keep us updated and let us know if you need any more help.   

Hi! We tried updating using the iFrame code that was sent previously, but the button is still not showing.

Hi papemelroti,

Use the below iFrame code to embed your form on a website.

<iframe id="https://form.jotform.com/92239069907467



" style="min-width: 100%;height: 539px;border: none;" title="Reseller Registration



" src="https://form.jotform.com/92239069907467



" frameborder="0" scrolling="no" allowfullscreen="allowfullscreen"><br />



</iframe>

I embedded it on a demo website and was able to see the submit button on mobile view. Refer to the below screenshot :

Give it a try and let us know how it goes.

Hi. Sorry, the code made it worse on both desktop and mobile version.

Hello papemelroti,

Can you try embedding your form using the source code instead? Let me show you how:

• In your Form Builder, click Publish from the orange tabs.
• Select Embed from the left panel.
• Scroll down a bit and choose Source Code.

• Click the copy code button and re-embed the form to your website.

Give it a try and let us know how it goes.

Hi! We tried embedding using the source code. The Submit Application button appeared, but it removed the button beside the "I Agree" part. Also, the title "Reseller Application" overlapped with our logo on the mobile view.

Hi papemelroti,

It seems that the system is blocking radio buttons for some reason. So all your input fields that are using this element are being hidden and the labels are being left. Can you check if there are any settings on your end that would allow this? Or can you test creating a simple form that uses radio buttons for choices to confirm this?

Your next best solution I believe is going back to iframe and you will just need to adjust the width and height for this.

As soon as we hear back from you we'll help you more with this.