Embedded Forms: Appointment field's cancel option push the submit button out of the frame view

sheduler drops down a "cancel" option. It pushes the "Submit" box out of view and accessability. I've tried it on multile forms

Can you help me know how to fix this?

Hi Howard,

Thanks for reaching out to Jotform Support. I tested your form, and it does push the submit button down, but it's still visible. Check this out:

I can only assume the form is embedded to your website, right? Can you share with us the link to the page where the form is, so we can further inspect?

Once we hear back from you, we'll be able to help you with this.

Yes, it’s embedded.

TheMAGICofLife.com

on the “monthly-schedule” page is one of the forms. When I click on a time, a big blue box opens with a confirmation of the selection and an option to cancel. With this box, the “select” button is pushed beyond where it is accessible.

thank you for your help!

Sorry, thats

themagicoflifecoach.com

Hi Howard,

I checked your form and can see the issue now. To increase the height of your form to make space for the Submit button, can you try re-embedding your form using the iFrame Code below? It's the same one that you see on your form Embed Options, I just adjusted the height value to 100%.

 <iframe

   id="JotFormIFrame-241698343170156"

   title="Test Appointment"

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

   allowtransparency="true"

   allow="geolocation; microphone; camera; fullscreen"

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

   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-241698343170156']", "https://form.jotform.com/")</script>

It should look like this afterward:

Give it a try and let us know if you need any more help.