form iframe embed malfunction

  • Profile Image
    Joana Esteves 
    Asked on February 26, 2014 at 03:52 PM

    In my "artist application" form, when the 6 images are uploaded, the submit button gets hidden and no one can hit submit. 

     

    Here's the website where we are using it: http://www.jomarvisions.com/#!jomar-visions-gallery-north-houston/c1ysk

     

    Thank you so much!

  • Profile Image
    jonathan
    Answered on February 26, 2014 at 07:47 PM

    Hi Joana,

    Can you please try also re-embedding the form to your Wix website using only the iframe code.

    Please clear first all the embedded form code and then try using this embed code

    <iframe allowtransparency="true" src="//form.jotform.us/form/40565720247150" frameborder="0" style="width: 100%; height: 1318px; border: none;" scrolling="no"></iframe>

    Check if this makes the difference. Inform us if issue persist.
    Thanks!
  • Profile Image
    Joana Esteves 
    Answered on February 27, 2014 at 10:50 AM
    I did that many times, I had to create a new form without the multiple uploader. But let me try this one again. I'll let you know if it worked.

    Much love and inspiration,
    Joana Esteves
    Co-Founder/ Manager

    JoMar Visions
    Your dreams... Our vision.
    http://www.jomarvisions.com/
    http://www.facebook.com/jomar.visions


    ...
  • Profile Image
    Carina
    Answered on February 27, 2014 at 01:29 PM

    Let us know please if you need further assistance.

  • Profile Image
    Joana Esteves 
    Answered on February 27, 2014 at 02:10 PM
    I;ve been having a problem reseting my password, I was still able to create the form but not sure if it's within my account or not.

    Much love and inspiration,
    Joana Esteves
    Co-Founder/ Manager

    JoMar Visions
    Your dreams... Our vision.
    http://www.jomarvisions.com/
    http://www.facebook.com/jomar.visions


    ...
  • Profile Image
    Joana Esteves 
    Answered on February 27, 2014 at 02:40 PM
    I tried again and it still doesn't work. When the 6 files are uploaded it appears a line for each file with its name, and the submit button gets pushed down disapeearing form the box, and out of reach and view.

    Much love and inspiration,
    Joana Esteves
    Co-Founder/ Manager

    JoMar Visions
    Your dreams... Our vision.
    http://www.jomarvisions.com/
    http://www.facebook.com/jomar.visions


    ...
  • Profile Image
    TitusN
    Answered on February 27, 2014 at 05:53 PM

    Hello,

    Thank you for the update.

    1. Were you able to access your account? If not, tell us about it in a new support thread and we shall assist you to access it. We shall even move your form (http://www.jotform.us/form/40565720247150) into your account so that you will be able to access it.

    2. In regards to the form elements being pushed out of view, I checked your page source, and advice the following options:

    1. Remove the Iframe that contains your form Iframe - Its causing a height property conflict with the form Iframe inside it

    2. If you want to keep the Iframe - add the height property to something like 2000px to allow the form inside room to expand as shown below

    3. You could allow the hidden places when the form grows to be shown by adding this property to the parent Iframe: overflow:scroll; as shown below

    Use any of the three options, and the fields should show.

    This might be a lot to take in, sorry. Please let us know if it helps...

  • Profile Image
    Joana Esteves 
    Answered on February 27, 2014 at 07:36 PM

    Where do I need to go to alow hidden places. I am not recognizing the image you sent with the iframe code. 

    Thank you for your help. 

  • Profile Image
    ashwin_d
    Answered on February 27, 2014 at 11:53 PM

    Hello Joana,

    Upon checking your web page, I found that there are two iFrames:
    Please us the following iFrame code to embed your form in your web page: 
    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/40565720247150" frameborder="0" style="width: 100%; height: 100%; border: none;" scrolling="no"></iframe>

    In the first iFrame code, you should use the overflow:scroll as suggested by my colleague @TitusN. Please check the screenshot below:
    Do get back to us if the issue persists.
    Thank you!
  • Profile Image
    Joana Esteves 
    Answered on February 28, 2014 at 04:20 PM
    I didn't find any similarity of that screenshot with the code I am pasting as iframe. But I used the code you gave me and it's working, so thank you.
    Jo




    ...
  • Profile Image
    TitusN
    Answered on February 28, 2014 at 04:43 PM

    Great!

    Let us know if you hit any more bumps.