Difference in preview and actual publish form

  • zala5958
    Asked on October 25, 2015 at 2:10 PM

    Hi there, 

    I have edited Form "Opt In Form #3" for my website.

    size changes when it is actually publish in website than what was seen in preview at jotforms

    (screen shot  attached)

    I want all boxes and submit button close to each other. but every time I edit and the result/outcome is diffrent

    Please help me putting all boxes together as shown in screen shot.

    thank you

    Jotform Thread 689457 Screenshot
  • TitusN
    Replied on October 26, 2015 at 2:21 AM

    That looks like a lighbox form - which pops out when a link is clicked - right? 

    I've prepared a test page to see if your form would look different https://shots.jotform.com/titus/testsites/lightbox_test_form.html

    I can't say that I see anything different when I compare the form preview and the published form in the link above. 

    Would you mind sharing a link to the page where the form is? we'd like to see how you've embedded the form - it might be causing the disparity between preview and published form. 

    Looking forward. 

  • zala5958
    Replied on October 26, 2015 at 7:14 AM

    Hi TitusN,

    As you said the form is light box form, No sir it s not I have used iframe embeddeb form.

     

    (http://www.vllgoholidays.com/diunew.html ) check the form at bottom of the page.

     

    sending you screen shots and size for the form to be created in iframe 

    please help me out 

    thank you

    Difference in preview and actual publish form Image 1 Screenshot 20

  • Welvin Support Team Lead
    Replied on October 26, 2015 at 11:19 AM

    Your block height is 180px and I'm afraid that compressing the form height won't make it fit there. But let's see. First, I would suggest fixing the following:

    1. Remove the other iframe codes for the form. You have two in the page;

    Difference in preview and actual publish form Image 1 Screenshot 30

    2. Fix the image URL's. They are giving me 404 not found errors. That affects the height so you should make sure they are there.

    Difference in preview and actual publish form Image 2 Screenshot 41

    Thanks

  • zala5958
    Replied on October 26, 2015 at 1:32 PM

    Hi Welvin,

    Thanks For Help but I did not understand what you said.

    The best part is that I got it what I wanted (screen shot attached)

    I don't know how but I got it finally.

     

    Thanks for the help ..........

    Difference in preview and actual publish form Image 1 Screenshot 20

  • Mike_G JotForm Support
    Replied on October 26, 2015 at 2:35 PM

    On behalf of my colleagues who helped you, you're most welcome! We're also glad to know that you were able to figure it out. Should you have any other concerns, please do not hesitate to let us know and we will be glad to help you. Thank you.