Embedding form source codes in WordPress post/page

  • Profile Image
    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

  • Profile Image
    ShadaeTrotman
    Answered 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.

    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!

  • Profile Image
    NaturalChoice
    Answered on September 23, 2014 at 04: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

     

  • Profile Image
    ShadaeTrotman
    Answered on September 23, 2014 at 05: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!

  • Profile Image
    Welvin
    Answered on September 23, 2014 at 06: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!