How to Embed a form into Xara Designer Pro X10

  • Profile Image
    Asked on August 07, 2014 at 01:12 AM

    Hi. When I embed my form code into my webpage in Xara Designer Pro X10, only the top left quarter appears. It's fine within JotForm.

    Page URL:

  • Profile Image
    Answered on August 07, 2014 at 06:19 AM


    You probably need to make adjustment on the height of the page itself.

    We have a user guide for the Xara 7 version here  -Changing-Height-in-Xara-7

    In the user guide, it was specially mentioned the requirement for the height adjustment.

    I think the process should still be the same for Xara 10 version.

    Hope this help. Please inform us if not resolved.



  • Profile Image
    Answered on August 07, 2014 at 09:21 AM
    Hi Jonathan
    Thanks for the reply.
    I did already try adjusting the page height and re-embedding the form.
    (In version 10 you just pull the page border downwards.) When I paste
    the form code in again, it's still truncated.
    I can move it around from side to side, up and down, and it doesn't
    change at all. It behaves just like a jpg in design view. In web
    preview, the form fields work fine, but the bottom half is missing.
  • Profile Image
    Answered on August 07, 2014 at 11:18 AM


    It appears as though the area you set for your form is not large enough for the form.  As you can see in the demo in the link my colleague provided, you would need to drag the perimeter of the space allocated for the form until the full form shows in the space you provided.

    From what I understand, it should behave like a JPG in design view.  Just make sure this image is large enough to fit the entire form.  If not. it will get cut off.

    Please let us know if this doesn't work and we will be happy to assist you further.

    Thank you for using Jotform!

  • Profile Image
    Answered on August 07, 2014 at 09:11 PM
    Hi David
    Thanks for your reply.
    Allen's video did the trick. The problem wasn't the page size, it was
    the way I was pasting the code into the web page.
    In Xara Designer Pro X10, you need to first draw a rectangle graphic in
    your web page to the approximate size you want the form and adjust it's
    web properties to convert it to a placeholder to contain the Jotform
    html. To do this, once you have the rectangle graphic in place, right
    click inside the graphic to open its "Web Properties" dialogue box.
    Click on the "Placeholder" tab then click on the "Replace with html
    code" button and paste into the dialogue box the code you copied from
    JotForm. Click "OK" to go back to "Web Properties" and check the
    "re-generate placeholder image automatically" box. Click OK and the form
    will be placed and working. If part of the form is missing, play with
    the page boundaries and the form boundaries until you're happy.
    View in "Web Preview" mode to see how it behaves in various browsers.
  • Profile Image
    Answered on August 08, 2014 at 12:08 AM

    Hello Dan!

    Thanks a lot for letting us to know how to embed a Jotform into a webpage made with Xara Designer pro X10. Your steps are very useful, so I think a new guide is much needed to be added to our User Guide collection. We will use those and will add it soon!