Embedding form source codes in WordPress post/page

  • NaturalChoice
    Asked on September 16, 2014 at 11:21 AM

    HI 

    when I import the code into a wordpress post the alignment goes wrong.

     

    Please see form:

     

    https://secure.jotformeu.com/form/41855529330355

     

    and the result in WP:

    http://www.thenaturalchoice.biz/2014/09/16/veg-list-test-1-16-sept2014/

     

    any suggestion?

    can't use the plugins as i will need to modify the code to add a text box after the tick box. so pleae don't suggest that option :)

     

    thanks, in advance

    R

  • ShadaeTrotman
    Replied on September 16, 2014 at 12:12 PM

    Hi NaturalChoice,

    I reviewed your websites code, and I believe that I have discovered the issue with your layout.

    Embedding form source codes in WordPress post/page Image 1 Screenshot 20

    Above is a screen shot of your code. The issue is being caused by the break being used after each selection. I tested it and removing the <br /> code does resolve the issue.

    Edit your code and remove all instances of the break code from line 528 - 732 and you should get the correct layout.

     

    I hope this helps!

  • NaturalChoice
    Replied on September 23, 2014 at 4:33 PM

    hi,

     

    thank you for your help, but I imported the form into text wrangler and could not find the <br /> (thought should be </br>?)

    so does not look like we have a solution :(

    Any other ideas?

    thanks, R

     

  • ShadaeTrotman
    Replied on September 23, 2014 at 5:02 PM

    Hi R,

    I am sorry that this did not resolve the issue that you are having, thank you for informing us.

    I understand that you do not want to use the iFrame code. Can you try to use a different embed type. If you were using the source code, attempt to use the embed code. Lets see if that will work.

    Hope this helps!

  • Welvin Support Team Lead
    Replied on September 23, 2014 at 6:15 PM

    Hi,

    Wordpress, now strip off some codes when you paste it on the editor so I think that's what happen to the form source codes, especially the Javascript codes. That is because of their security features.

    Well, the workaround would be to paste the source codes into your text editor and save it as an HTML file. Upload this HTML file to your own FTP server and use it as an iFrame to your page. Sounds good? You can generate an iFrame codes here: http://7thspace.com/webmaster_tools/iframe_generator.html.

    Thank you!