What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Why is Embed different from Source?

    Asked by Bakamoo on July 15, 2015 at 10:50 AM

    3. Why is Embed different from Source? No personal CSS styles have been applied.

    Embed (secure) - http://mphrealty.com/jot/wab.php

    Source - http://mphrealty.com/jot/wab2.php

  • Profile Image
    JotForm Support

    Answered by KadeJM on July 15, 2015 at 11:23 AM

    The source from the formbuilder toolbar is just a standardized JS Script to simplify embedding your form quickly onto a site with everything else hosted here with us on JotForm and it is the most common method of embedding a form onto a website.

    The alternative to that is the various Embed Options which offer different ways to embed your form depending on where you want to embed it as some work better than others depending on the webhost and also if you have existing scripts running.

    Now if you meant the form's full source code then that is different as it is more intended for embedding everything from your form onto your website mainly for enhancements such as customizations you'd like to make to it outside of JotForm.

    Additionally, since you have mentioned CSS I would like to point out that we do offer two ways to customize your form. You can inject css as mentioned in this guide https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes or there is also adding it to your forms through our form designer found here https://www.jotform.com/form-designer.

  • Profile Image

    Answered by Bakamoo on July 15, 2015 at 11:43 AM

    Thanks kade, I found the answer actually on a previous post. Was expecting a different answer.

    The wab.php is the full source (embed)

    wab2.php is using the shortcut link (source)

    Main difference is that wab2.php is inside an iframe which caused this to center the form in the website.

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 15, 2015 at 01:18 PM

    Hello Bakamoo,

    I am not sure if you are missing some code including css code in "wab.php" page. If you are not missing any code the look & feel of your embedded form (source or script or iframe) will be same.

    In your embedded form, the background color of the form collapse is not being displayed. Please check the screenshot below:

     

    Can you please download your form's full source code and use it in your webpage and see if that works fine. The following guide should help how to grab your form's full source code:  http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form 

    Thank you!

  • Profile Image

    Answered by Bakamoo on July 15, 2015 at 09:08 PM

    Oh sorry, I was editing my forms while this was unanswered yet. It is more of why the wab page is not-centered as opposed to the wab2 page which is centered.

     

    WAB

     

     

     

     

    WAB2 

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 16, 2015 at 12:10 AM

    Hello Bakamoo,

    I do see the issue now. There seems to be some issue with form cover when the form is embedded with source code. But it seems to work as expected when embedded with form's full source code including .cs & .js files.

    Let me do further tests and get back to you on this.

    Thank you! 

  • Profile Image

    Answered by Bakamoo on July 17, 2015 at 09:20 AM

    Ok, please do note that I added a new page. http://mphrealty.com/jot/wab3.php

     

    This one is generated by clicking embed form -> source -> here. It also does not center align.

     

  • Profile Image
    JotForm Support

    Answered by Mike_G on July 17, 2015 at 12:14 PM

    I have done some testing and here's what I found out. 

    First the web page that has the Form's Source Code: http://mphrealty.com/jot/wab.php

    I have inspected it and here's what I have found out: 

    The Form element holds the form. This is the same with the additional website you have provided: http://mphrealty.com/jot/wab3.php

    As for the website that has the Embedded script: http://mphrealty.com/jot/wab2.php

    I have inspected it and here's what I found out. 

    Having all above mentioned, we can now refer to this website: http://www.w3schools.com/tags/att_iframe_align.asp

    Is says there that:

    And it is stated on this reference: http://www.w3schools.com/html/html_blocks.asp

    that:

    and, on the other hand, 

    I hope this helps. Let us know if you need any further assistance. Thank you.

  • Profile Image

    Answered by Bakamoo on July 17, 2015 at 10:32 PM

    Alright, thanks a lot!

  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 18, 2015 at 02:30 AM

    Hello Bakamoo,

    On behalf of my colleague, you are welcome.

    Do get back to us if you have any questions.

    Thank you!